如何向 ListView Builder 添加新行

Question

我有 ListView Builder 小部件，它有图片。当用户单击添加按钮时，它会将图片添加到 ListView。这是一个纸牌游戏。我希望 ListView 构建器水平但它溢出。我不想那样。

我希望 ListView Builder 不会溢出。我想要 listview Builder 的新行。

这是我的代码：

Expanded(
            flex: 2,
            child: Column(
              children: [
                Expanded(
                  child: ReusableCard(
                    colour: Colors.green,
                    cardChild: ListView.builder(
                      scrollDirection: Axis.horizontal,
                      itemCount: cardBrain.mycards.length,
                      itemBuilder: (context, i) => Image(
                        height: 10,
                        width: 55,
                        image: AssetImage(
                          '${cardBrain.mycards[i].image}',
                        ),
                      ),
                    ),
                  ),
                ),)

Answer 1

您可以使用gridView.builder 当您将项目添加到列表时，然后调用 setState