投稿

9月, 2022の投稿を表示しています

BottomSheet の上部を角丸にするの?|BottomSheet|Flutter

イメージ
API「 showModalBottomSheet<T> 」を使って表示した BottomSheet は、上部の両角を丸めることもできるよ。 BottomSheet  の「 shape 」プロパティに「 RoundedRectangleBorder 」を使おう。 使い方 onPressed: () =>  showModalBottomSheet<void> (   context: context,   builder: (BuildContext context) {     return  Container ();   },   shape: const RoundedRectangleBorder (     borderRadius: BorderRadius.vertical(       top: Radius.circular(4.0),     ),   ), ), 関連 ボトム(画面下部)からシートを表示するの?|BottomSheet|Flutter 参考 Flutter角丸BottomSheetの実装方法 Flutter: ModalBottomSheetをドラッグ可能+丸角にする 基礎から学ぶ Flutter

ボトム(画面下部)からシートを表示するの?|BottomSheet|Flutter

イメージ
ボトム(画面下部)から、シートを”にゅっ”と表示するなら、API「 showModalBottomSheet<T> 」を使うといいよ。 使い方 onPressed: () => showModalBottomSheet<void> (   context: context,   builder: (BuildContext context) {     return Container ();   }, ), builder の内容は自由だから、 Container じゃなくても ListView とか、好きなの配置してオッケー。 関連 BottomSheet の上部を角丸にするの?|BottomSheet|Flutter BottomSheet を閉じるの?|BottomSheet|Flutter BottomSheet を閉じるときに値を返すの?|BottomSheet|Flutter 参考 【Flutter】showModalBottomSheet|画面下部からシートを表示 BottomSheet | Flutter Doc JP 基礎から学ぶ Flutter