showModalBottomSheet 如何生成模态框?
时间: 2023-08-20 10:15:22 浏览: 163
showModalBottomSheet方法可以生成模态框,具体实现如下:
```dart
void _showModalBottomSheet(BuildContext context) {
showModalBottomSheet<void>(
context: context,
builder: (BuildContext context) {
return Container(
child: Padding(
padding: const EdgeInsets.all(32.0),
child: Text(
'This is the modal bottom sheet. Tap anywhere to dismiss.',
textAlign: TextAlign.center,
style: TextStyle(
color: Theme.of(context).accentColor,
fontSize: 24.0,
),
),
),
);
},
);
}
```
这里我们通过showModalBottomSheet方法生成一个模态框。在builder中我们返回了一个Container,用于包裹模态框的内容,这里我们简单的放了一段文本。模态框弹出时会覆盖整个屏幕,点击任意位置都会自动关闭模态框。
需要注意的是,showModalBottomSheet方法返回的是一个Future对象,可以通过await来等待模态框关闭后再做一些操作。
阅读全文