showBottomSheet 如何关闭
时间: 2024-01-24 22:05:33 浏览: 139
Flutter质感设计之持久底部面板
5星 · 资源好评率100%
要关闭一个 `showBottomSheet`,你可以使用 `Navigator.pop` 方法。这个方法将会从 widget tree 中删除当前的 `BottomSheet`。具体来说,你可以在 `BottomSheet` 中添加一个按钮或者其他的交互元素,来触发 `Navigator.pop` 方法,从而关闭 `BottomSheet`。示例代码如下:
```dart
void _showBottomSheet(BuildContext context) {
showModalBottomSheet(
context: context,
builder: (BuildContext context) {
return Container(
height: 200.0,
child: Column(
children: <Widget>[
// 添加一个按钮来关闭 BottomSheet
RaisedButton(
child: Text('关闭'),
onPressed: () {
Navigator.pop(context);
},
),
// 其他的 BottomSheet 内容
],
),
);
},
);
}
```
阅读全文