时间戳

首页 > 解决方案 > Flutter 阻止列表视图在新行中显示

flutter - Flutter 阻止列表视图在新行中显示

问题描述

我想在同一行中一个接一个地显示我的列表视图，但列表视图显示每个新行中的每个项目。如何防止在新行中显示。这样它就显示为段落

ListView.builder(
      shrinkWrap: true,
      itemCount:
      controller.page.value.data.ayahs.length,
      itemBuilder: (context, index) {
         return Text(controller.page.value.data.ayahas[index].name);
     })

请看这张照片。我想一个接一个地显示这样的文本而不是换行 Listview文本一个接一个

标签： flutterlistviewnewline

解决方案

尝试在网格视图中使用列表生成器并提供与列表长度相同的 crossAxisCount 以获取连续的列表项。

GridView.count(
   crossAxisCount: controller.page.value.data.ayahs.length,
   children: List.generate(controller.page.value.data.ayahs.length, (index) {
       return GridTile(
           child: Text(controller.page.value.data.ayahas.name)
       );
   }),
),

推荐阅读