showModalBottomSheet 高度设置
时间: 2023-10-14 10:28:01 浏览: 168
Flutter中 AlertDialog、SimpleDialog、showModalBottomSheet及第三方组件fluttertoast的使用
在 Flutter 中,可以使用 showModalBottomSheet 方法来显示底部弹出视图。要设置该视图的高度,可以使用以下两种方法:
1. 设置固定高度
可以使用 Container 将需要显示的 Widget 包装起来,并设置 Container 的高度属性。在 showModalBottomSheet 中传入 builder 参数时,返回该 Container 即可。
例如:
```dart
showModalBottomSheet(
context: context,
builder: (BuildContext context) {
return Container(
height: 200,
child: YourWidget(),
);
},
);
```
2. 设置相对高度
可以使用 FractionallySizedBox 来设置相对高度,即相对于屏幕高度的百分比。在 showModalBottomSheet 中传入 builder 参数时,返回 FractionallySizedBox 包裹的 Widget 即可。
例如:
```dart
showModalBottomSheet(
context: context,
builder: (BuildContext context) {
return FractionallySizedBox(
heightFactor: 0.5, // 设置高度为屏幕高度的一半
child: YourWidget(),
);
},
);
```
阅读全文