Wrap 在 listview.builder 颤振中不起作用答案

【问题标题】：Wrap is not working in listview.builder flutterWrap 在 listview.builder 颤振中不起作用
【发布时间】：2021-09-19 04:52:04
【问题描述】：

我想实现像pic1这样的项目芯片（最新，最流行）的布局

但我能做到的是图片中的这个 2

我已经搜索了很多示例，但我不明白我在使用 WRAP 时做错了什么。我试图包装整个列表视图但没有工作。这是我的代码

Container(
              height: SizeConfig.screenHeight / 2,
              child: ListView.builder(
                  shrinkWrap: true,
                  itemCount: _selectKeywords.length,
                  itemBuilder: (context, index) {
                    return Wrap(
                      children: <Widget>[
                        Chip(
                          label: Text(
                            _selectKeywords[index],
                          ),
                          onDeleted: () {
                            setState(() {
                              _selectKeywords.removeAt(index);
                            });
                          },
                        ),
                      ],
                    );
                  }),
            ),

【问题讨论】：

你能说明Chip()是什么吗？
@JaimeOrtiz 是 Flutter 库中的一个小部件。 api.flutter.dev/flutter/material/Chip-class.html
@JaimeOrtiz 图片 1 中最新、最受欢迎等的横向项目

标签： flutter listview chips

【解决方案1】：

您不需要在这里使用ListView.builder，但您可能想尝试像这样使用List.generate：

Wrap(
      spacing: 5,
      children: List.generate(
        10,
        (index) {
          return Chip(
            label: Text(_selectKeywords[index]),
            onDeleted: () {
              setState(() {
                _selectKeywords.removeAt(index);
              });
            },
          );
        },
      ),
    );

【讨论】：