「flutter_speed_dial」バージョン4.0以降は「marginBottom」属性が廃止になりました

このページには広告が含まれる場合があります。

 

Google先生が提唱するデザインガイドラインである「マテリアルデザイン」において、

画面右下からボタンを押すと複数のアクションボタンを表示できる「Speed Dial」という考え方があり、

その機能をFlutterで実現できる「flutter_speed_dial」というパッケージがあります。

このパッケージを使う際に、SpeedDialの位置を画面の最下部からの間隔を設定できる「marginBottom」という便利な属性があったのですが、

これが「flutter_speed_dial」パッケージのバージョン4.0以降は廃止になってしまいました。

これはパッケージのissueにも上がっていて、作者の方は「『(FlutterのSDKに入っている)floatingActionButtonLocation』で代用できるから要らんやろと思ったので廃止した」とのことですが、

Regarding the marginEnd and marginBottom, they are not needed anymore cause you can just use the floatingActionButtonLocation property to specify the location of the speed dial.

残念ながら「floatingActionButtonLocation」では、特定の数値で間隔を設定できないので、仕方がないので、以下のように「SpeedDial」を「Padding」でくるんで余白を設定してやれば、「marginBottom」と同じことが実現できます。

(詳しくは、以下の動画で解説していますので、よろしければご覧下さい)

こんな記事も読まれています

イチオシ

40代から感じるモヤモヤを解消できる 無料動画セミナー

あすコロ式・40代からの人生アップデート【新】戦略

アラフォーでキャリアを失ったバリバリ左脳人間・スピリチュアル耐性ゼロの元金融マンが、人生どん底から立ち上がる過程でたどり着いた「人生再構築メソッド」。40代・50代を過ぎて多くの人が感じる「このままでいいんかな?」「この先どうしたらいいかわからない」というモヤモヤを解消し、人生後半戦をアップデートさせる【新】戦略。

今すぐ無料で動画セミナー(80分)を見る ▶

TOP