Flutter：具有 ListView.separated() 大小到內容的 ModalBottomSheet

Question

我在showModalBottomSheet()的builder中使用ListView.separated() ) 。 我希望BottomSheet根據顯示的ListTile小部件的數量調整大小。

這是我的代碼：

showModalBottomSheet(
              context: context,
              backgroundColor: Colors.blueGrey,
              isScrollControlled: false,
              builder: (context) => Wrap(
                children: [
                  ListView.separated(
                    itemCount: lists.length,
                    itemBuilder: (BuildContext context, int index) =>
                        ListTile(
                      title: Text(lists[index].listName),
                    ),
                    separatorBuilder: (BuildContext context, int index) =>
                        Divider(),
                  ),
                ],
              ),
            );

我嘗試將ListView包裝在Wrap小部件中，但由於Wrap的子級沒有設置高度，因此出現錯誤。 有小費嗎？

Answer 1

您可以通過使用ListView小部件中的shrinkWrap參數來執行此操作。

showModalBottomSheet(
            context: context,
            builder: (context) => ListView.separated(
              shrinkWrap: true,
              itemCount: 4,
              itemBuilder: (BuildContext context, int index) => ListTile(
                title: Text('item $index'),
              ),
              separatorBuilder: (BuildContext context, int index) => Divider(),
            ),
          );