我必须用这个小部件显示ModalBottomSheet:showModalBottomSheet
为此,我设置了ModalBottomSheet的所有必需属性,作为构建器部分,我如下所示:
builder: (_) {
return Column(
children: [
Text("Sample "),
ListView.builder(
itemCount: 2,
itemBuilder: (BuildContext context, int index) {
return NagarTiming();
}),
],
);
}
你可以看到在Column小部件中有一个Text小部件,我在那里使用它作为ModalBottomSheet的Title。
但不幸的是,当我执行或调用showModalBottomSheet方法时,它只显示透明窗口或视图。
注意,如果没有Columnwidget和Textwidget,如果我只返回ListView作为ModalBottomSheet的构建器,它对我来说工作正常。
显示标题(列中的文本小部件)时可能会出现什么问题?
4条答案
按热度按时间cu6pst1q1#
将shrinkWrap:true参数添加到ListView小部件,并将mainAxisSize:MainAxisSize.min添加到Column小部件,应该可以正常工作
sr4lhrrt2#
您需要将
ListView
与Expanded
一起 Package 在Column中,以获得可用的高度。否则,它将引起无限高度的问题。要设置背景颜色,可以使用showModalBottomSheet
中的backgroundColor
。您可以检查Unbounded height / width | Decoding Flutter和ShrinkWrap vs slivers
ryevplcw3#
这是垂直尺寸的问题。列小部件中的ListView应该有高度问题。所以使用灵活的小部件如下:
ao218c7q4#
使用sizedbox换行并指定宽度double.infinity