flutter 底部模态框 除了showModalBottomSheet 还有什么
时间: 2023-08-19 19:14:10 浏览: 260
Flutter中 AlertDialog、SimpleDialog、showModalBottomSheet及第三方组件fluttertoast的使用
除了 `showModalBottomSheet` 方法,Flutter 还提供了 `showModalBottomSheet` 方法的一个变体 `showModalBottomSheet()`,该变体方法可以在底部模态框滑动时提供更多的手势控制。
以下是一个使用 `DragegableScrollableSheet` 实现的底部模态框的示例:
```dart
void _showBottomModalSheet(BuildContext context) {
showModalBottomSheet<void>(
context: context,
builder: (BuildContext context) {
return DraggableScrollableSheet(
expand: false,
builder: (BuildContext context, ScrollController scrollController) {
return Container(
color: Colors.white,
child: ListView.builder(
controller: scrollController,
itemBuilder: (BuildContext context, int index) {
return ListTile(
title: Text('Item $index'),
);
},
itemCount: 100,
),
);
},
);
},
);
}
```
在上面的示例中,我们使用 `DraggableScrollableSheet` 组件作为构建底部模态框的 Widget,并提供了一个 `ScrollController`,以便允许用户滚动底部模态框中的内容。 `expand` 属性指定底部模态框是否可以通过拖动来扩展到全屏幕大小。`ListView.builder` 构建了一个有 100 个 ListTile 的列表。
阅读全文