Flutter BottomSheetの高さを設定するサンプル

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
builder: (BuildContext context) {
return Container(
child : /*ボトムシートで表示するウェジェット*/
height : /*高さ*/
);
ContainerのchildにBottomSheetで表示するウェジェットを指定します。
Containerの引数「height」で高さを指定します。

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
showBottomSheet(
context: context,
builder: (BuildContext context) {
return Container(
child: Text('Test Sheet'),
height: 400,
alignment: Alignment.center,
width: double.infinity,
showBottomSheet( context: context, builder: (BuildContext context) { return Container( child: Text('Test Sheet'), height: 400, alignment: Alignment.center, width: double.infinity,
showBottomSheet(
  context: context,
  builder: (BuildContext context) {
    return Container(
      child: Text('Test Sheet'),
      height: 400,
      alignment: Alignment.center,
      width: double.infinity,

 

Flutter

Posted by arkgame