flutter - Flutter：让 ListViewBuilder 中的图像在新行溢出

Question

我有一个 ListView Builder 小部件，我在其中放入了一些图像（卡片图片），但一些卡片图片达到了屏幕的最大宽度。假设我有 10 个项目（图片），其中 2 个不可见。我看不见。

问题：问题图片

我想要这样：

• [图片][图片][图片][图片][图片][图片][图片]-
  -[图片][图片][图片][图片][图片]

这是我的代码：（我尝试了 Wrap 小部件，但它没有用）

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

标签： flutterdart

Answer 1

请先阅读发帖规则。并使用

Wrap( alignment: WrapAlignment.center,) 

代替

Wrap(direction: Axis.vertical,)