首页 > 解决方案 > ListView.builder 的构建器项目溢出

问题描述


我正在使用 ListView.builder() 来显示我的列表项,但固定容器内的项目溢出,我不知道如何解决这个问题。这是我得到的行为:

在此处输入图像描述

突出显示的区域是项目溢出的区域。这是 ListView 的代码:

Container(
                        height: size.height * .3,
                        child: Consumer<TodoProvider>(
                          builder: (context, todoProvider, child) {
                            return todoProvider.getTodos.length == 0
                                ? Center(
                                    child: Text('Your todos will appear here!'),
                                  )
                                : ListView.builder(
                                    physics: BouncingScrollPhysics(),
                                    padding: EdgeInsets.all(0),
                                    itemCount: todoProvider.getTodos.length,
                                    itemBuilder: (context, index) {
                                      // if element is not the first and the last then add padding
                                      return (index != 0 &&
                                              index !=
                                                  todoProvider.getTodos.length -
                                                      1)
                                          ? Padding(
                                              padding:
                                                  const EdgeInsets.symmetric(
                                                      vertical: 5),
                                              child: CustomListTile(todoProvider
                                                  .getTodos[index].title),
                                            )
                                          : CustomListTile(todoProvider
                                              .getTodos[index].title);
                                    },
                                  );

debugPaintSizeEnabled = true;

在此处输入图像描述

在此处输入图像描述

任何帮助将不胜感激。谢谢!

标签: flutterdart

解决方案


将 ListTile 包裹在卡片中为我解决了这个问题。这是它现在的样子:

在此处输入图像描述


推荐阅读