flutter 底部模态框 做法
时间: 2023-07-28 10:07:08 浏览: 268
Flutter 底部模态框(Bottom Modal Sheet)可以通过 showModalBottomSheet() 方法来实现。以下是一个简单的示例:
```dart
void _showBottomModalSheet(BuildContext context) {
showModalBottomSheet(
context: context,
builder: (BuildContext bc) {
return Container(
child: new Wrap(
children: <Widget>[
new ListTile(
leading: new Icon(Icons.music_note),
title: new Text('Music'),
onTap: () => {},
),
new ListTile(
leading: new Icon(Icons.videocam),
title: new Text('Video'),
onTap: () => {},
),
],
),
);
}
);
}
```
在上面的示例中,我们通过 showModalBottomSheet() 方法来展示一个底部模态框,并在 builder 中构建了一个包含两个 ListTile 的 Wrap。每个 ListTile 都有一个 leading 图标和一个 title 文本,并且可以通过 onTap 回调函数来处理用户点击事件。
阅读全文