🧻
FlutterでSingleChildScrollViewの一番下固定のボタンを配置する
SingleChildScrollViewにExpandedを入れたくなったことはありませんか？
私はあります。
例えば、常に一番下にボタンを配置し、上の部分が多くなったり、
画面が小さくなったら余白部分が小さくなり、
余白が足りなくなったらスクロールしてほしい。
そんな時に使える FullScreenScrollViewというpackageを公開しました！
DEMO
使い方
FullScreenScrollView(
child: Column(
children: <Widget>[
const Text('some widget'),
const Expanded(child: SizedBox.shrink()),
ElevatedButton(
child: const Row(
children: [Icon(Icons.add), Text('Add widget')],
),
),
],
),
)
可変の高さの余白を入れたい場所に
Expandedを入れてください。
その他のWidgetは入れたいだけ入れてください。
そうすることで画面の大きさをはみ出したらExpandedが縮み、Scroll可能になります。
インストール方法
こちらを実行してください。
flutter pub add fullscreen_scroll_view
最後に
GitHub Star ⭐️
pub.dev 👍
この記事も 🩷 ポチッとお願いします。
参考
Discussion