Блог

У меня есть виджет ListView Builder, в который я вставляю несколько изображений (картинки с карточками), но некоторые картинки с карточками занимают максимальную ширину экрана. Допустим, у меня есть 10 предметов (картинок), и 2 из них не видны. Я ничего не вижу.

Проблема: проблема с изображением

Я хочу, чтобы это было так:

• [КАРТИНКА][КАРТИНКА][КАРТИНКА][КАРТИНКА][КАРТИНКА][КАРТИНКА][КАРТИНКА] [КАРТИНКА] —
  — [КАРТИНКА][КАРТИНКА] [КАРТИНКА] [КАРТИНКА] [КАРТИНКА]

Вот мой код: (я попробовал Wrap widget, и это не сработало)

 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}',
                            ),
                          ),
                        ],
                      ),
                    ),
                  ),
                ),
 

Пожалуйста, сначала прочитайте правила публикации. И используйте

 Wrap( alignment: WrapAlignment.center,) 
 

вместо

 Wrap(direction: Axis.vertical,)