Как обернуть виджет внутри ListViewBuilder в Flutter

Question

Я бы завернул горизонтальный построитель списков, мой код:

return ListView.builder(
            // shrinkWrap: true,
            scrollDirection: Axis.horizontal,
            itemCount: ayahQuran[110]['ayat'].length,
            itemBuilder: (BuildContext context, int index) {
              return Wrap(
                children: <Widget>[
                  Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: Text(
                      ayahQuran[110]['ayat'][index]["ayat_ayat"]                 
                    ),
                  ),
                  Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: Text(
                        ayahQuran[110]['ayat'][index]["noayat"].toString()),
                  ),
                ],
              );
            },
          );

мой код

Я хочу, чтобы это понравилось: , хочу это нравится

Я старался много времени для этого, любой может помочь мне исправить это. спасибо

Answer 1

В моей прокрутке списка просмотра кода по горизонтали я хочу перенести новую строку.

РЕДАКТИРОВАТЬ: так, что нужно, чтобы элементы были выровнены по горизонтали, но с возможностью прокрутки по вертикали ,

Чтобы сохранить вертикальную прокрутку: вам необходимо установить scrollDirection на Axis.vertical. Но так как это значение по умолчанию, вы можете просто удалить эту строку из своего кода: scrollDirection: Axis.horizontal,.

Чтобы выровнять элементы по горизонтали: Вы должны поместить их в виджет Row.

пример:

return ListView.builder(
            // shrinkWrap: true,
            itemCount: ayahQuran[110]['ayat'].length,
            itemBuilder: (BuildContext context, int index) {
              return Wrap(
                children: <Widget>[
                  Row(
                    children: <Widget>[
                      Padding(
                        padding: const EdgeInsets.all(8.0),
                        child: Text(
                          ayahQuran[110]['ayat'][index]["ayat_ayat"]                 
                        ),
                      ),
                      Padding(
                        padding: const EdgeInsets.all(8.0),
                        child: Text(
                        ayahQuran[110]['ayat'][index]["noayat"].toString(),
                         ),
                       ),
                     ],
                   ),
                 ],
               );
             },
           );