flutter 底部模态框组件 除了showModalBottomSheet 还有什么
时间: 2023-10-14 21:14:09 浏览: 102
Flutter 底部模态框还可以使用 `CupertinoActionSheet` 组件来构建,该组件提供了 iOS 风格的设计。
以下是一个使用 `CupertinoActionSheet` 实现的底部模态框的示例:
```dart
void _showBottomModalSheet(BuildContext context) {
showCupertinoModalPopup(
context: context,
builder: (BuildContext context) {
return CupertinoActionSheet(
title: Text('Title'),
message: Text('Message'),
actions: <Widget>[
CupertinoActionSheetAction(
child: Text('Action 1'),
onPressed: () {},
),
CupertinoActionSheetAction(
child: Text('Action 2'),
onPressed: () {},
),
],
cancelButton: CupertinoActionSheetAction(
child: Text('Cancel'),
onPressed: () => Navigator.pop(context),
),
);
},
);
}
```
在上面的示例中,我们使用 `showCupertinoModalPopup` 方法来展示一个 `CupertinoActionSheet` 组件。`CupertinoActionSheet` 包含一个标题和消息,以及一个或多个操作按钮和一个取消按钮。
操作按钮使用 `CupertinoActionSheetAction` 组件来构建,并可以通过 `onPressed` 回调来处理用户点击事件。取消按钮也是一个 `CupertinoActionSheetAction` 组件,并使用 `Navigator.pop(context)` 回调函数来关闭底部模态框。
阅读全文