0

有没有办法使ModalBottomSheet高度固定我不希望它的高度在滚动时扩大

这是我使用的代码

showModalBottomSheet(
               context: context,
               isScrollControlled: true,
               backgroundColor: Colors.transparent,
                 builder: (context) => DraggableScrollableSheet(
                 builder: (BuildContext context,
               ScrollController scrollController) {
               return Container(
               color: Colors.blue[100],
               child: ListView.builder(
               controller: scrollController,
               itemCount: 25,
               itemBuilder:(BuildContext context,int index) {
                return ListTile(
                        title: Text('Item $index'));
               },
             ),
          );
        },
     ),
    );
4

2 回答 2

1

您可以删除 DraggableScrollableSheet。我认为该小部件允许高度扩展。所以去掉它之后,你可以在容器上设置一个高度

final double height = 200;
showModalBottomSheet(
       context: context,
       backgroundColor: Colors.transparent,
       builder: (context){
       return Container(
         height: height,
         color: Colors.blue[100],
         child: ListView.builder(
         itemCount: 25,
         itemBuilder:(BuildContext context,int index) {
          return ListTile(
                  title: Text('Item $index'));
         }
      )
    );
  },
);
于 2022-02-06T02:14:14.710 回答
1

您可以给您当前为蓝色的容器。一个固定的高度说高度:200 ..而且您还需要从底部表格中删除可拖动的可滚动表格构建器。

于 2022-02-06T02:14:56.537 回答