【Flutter】FloatingActionButtonのカスタマイズ位置

はじめ

ご存知の通り、FloatingActionButtonの位置はFloatingActionButtonLocationで定義するが、static変数何個かしか用意されてなく、好きな位置調整が簡単にできない。
ここでカスタマイズ方法&ソースを簡単にまとめます。

floatingActionButtonLocation:FloatingActionButtonLocation.centerDocked,

ソース

FloatingActionButtonLocationを継承して偏移値を追加すれば、簡単にできます。

import 'package:flutter/material.dart';

class CustomizeFloatingLocation extends FloatingActionButtonLocation {
  FloatingActionButtonLocation location;
  double offsetX;
  double offsetY;
  CustomizeFloatingLocation(this.location, this.offsetX, this.offsetY);
  @override
  Offset getOffset(ScaffoldPrelayoutGeometry scaffoldGeometry) {
    Offset offset = location.getOffset(scaffoldGeometry);
    return Offset(offset.dx + offsetX, offset.dy + offsetY);
  }
}

使用

floatingActionButtonLocation:CustomizeFloatingLocation(FloatingActionButtonLocation.centerDocked, -90, -30),