如何根据Flutter中的内容调整BottomSheet的高度
- 发表于
- flutter
将默认的BottomSheet添加到Flutter应用程序时，必须克服某些困难。一种是sheet的高度。
我们无法更改sheet的高度，最大高度将为屏幕的一半。但是我们可以自定义BottomSheet的代码以提供完整的高度。
Flutter自定义BottomSheet高度
首先创建一个名为BottomSheetCustom的新Dart文件，然后复制默认的底部工作表代码并将其粘贴到此处。然后找到方法getConstraintsForChild。在这里，我们可以如下更改“约束”值。
|
1 2 3 4 5 6 7 8 9 |
@override BoxConstraints getConstraintsForChild(BoxConstraints constraints) { return BoxConstraints( minWidth: constraints.maxWidth, maxWidth: constraints.maxWidth, minHeight: 0.0, maxHeight: constraints.maxHeight, ); } |
然后将showModalBottomSheet的方法名称更改为showModalBottomSheetCustom。现在，您可以导入BottomSheetCustom并调用方法showModalBottomSheetCustom，它将在整个屏幕上显示工作表。
Flutter自适应BottomSheet的高度
如果要根据内容调整底纸高度，可以将子窗口小部件包装在SingleChildScrollView中。
从这里查看完整代码。
原文连接：如何根据Flutter中的内容调整BottomSheet的高度
所有媒体，可在保留署名、
原文连接的情况下转载，若非则不得使用我方内容。
