showModalBottomSheet(
backgroundColor: Colors.transparent,
context: context,
isScrollControlled: true,
isDismissible: true,
builder: (BuildContext context) {
return DraggableScrollableSheet(
initialChildSize: 0.75, //set this as you want
maxChildSize: 0.75, //set this as you want
minChildSize: 0.75, //set this as you want
expand: true,
builder: (context, scrollController) {
return Container(...); //whatever you're returning, does not have to be a Container
}
);
}
)
8条答案
按热度按时间3gtaxfhh1#
[更新]
在
showModalBottomSheet(...)
中设置属性isScrollControlled:true
。它将使bottomSheet达到全高度。
[原始答案]
您可以实现FullScreenDialog。
Flutter Gallery应用程序有一个FullScreenDialog示例
您可以使用以下代码打开对话框:
查看post博客了解更多:
希望对你有帮助。
carvr3hs2#
您可以通过FractionallySizedBox并将isScrollControlled设置为true来控制高度。
3duebb1j3#
如果您使用
isScrollControlled: true
调用showModalBottomSheet()
,则对话框将被允许占据整个高度。要调整内容的高度,您可以像往常一样进行,例如使用
Container
和Wrap
小部件。示例:
qacovj5a4#
对我有用的是返回 Package 在
DraggableScrollableSheet
中的模态内容:zfycwa2u5#
我想最简单的方法是:
ih99xse16#
1.你在flutter的库中打开类BottomSheet并改变maxHeight
从
到
1.您可以使用其他名称创建一个新类,并从类BottomSheet复制源代码并更改maxHeight
esbemjvw7#
您可以将内容 Package 在Container中并提供全高
pgx2nnw88#
你可以在底部工作表的定义中修改这个方法。通常情况下,它是9.0,但正如你在这里看到的,我把它改为13.0。16.0是全屏的。