Flutter 阻止列表视图在新行中显示答案

【问题标题】：Flutter prevent listview showing in new lineFlutter 阻止列表视图在新行中显示
【发布时间】：2021-07-05 06:02:50
【问题描述】：

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

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

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

【问题讨论】：

你能把问题的图片放上来吗？？

标签： flutter listview newline

【解决方案1】：

尝试在网格视图中使用列表生成器，并提供与列表长度相同的 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)
       );
   }),
),

【讨论】：

【解决方案2】：

尝试使用Wrap 小部件。例如，像这样。

final List<String> ayahs = ['This', 'is', 'a', 'very', 'very', 'very', 'very', 'very', 'very', 'very', 'very', 'very', 'very', 'long', 'text'];

  @override
  Widget build(BuildContext context) {
    return Wrap(
      children: ayahs
          .map((element) => Text(element))
          .toList(),
    );
  }

【讨论】：