flutter showModalBottomSheet
时间: 2023-10-24 21:31:02 浏览: 133
flutter.docx
Flutter 的 showModalBottomSheet 方法用于显示一个底部弹出的模态框。它可以包含任意的 widget,并且可以响应用户交互。
以下是一个使用 showModalBottomSheet 的简单示例:
```dart
void _showBottomSheet(BuildContext context) {
showModalBottomSheet(
context: context,
builder: (BuildContext context) {
return Container(
height: 200,
child: Center(
child: Text('这是一个底部弹出的模态框'),
),
);
},
);
}
```
在这个示例中,我们定义了一个 `_showBottomSheet` 方法,它接受一个 `BuildContext` 参数用于获取当前的 BuildContext。在 `showModalBottomSheet` 方法中,我们传入了一个 `builder` 回调函数,该函数返回一个包含我们想要显示的内容的 widget。在这个例子中,我们简单地将一个居中的文本放在一个高度为 200 的容器中。
要显示底部模态框,只需调用 `_showBottomSheet(context)` 方法即可。这将在当前屏幕底部显示一个模态框。
注意:如果要实现更复杂的底部模态框,可以使用 ListView、Column 或其他 widget 来构建更复杂的内容。
阅读全文