Flutter 阻止 ListView 以新行显示

Question

我想在同一行中一个接一个地显示我的 ListView ，但 ListView 显示每个新行中的每个项目。我怎样才能防止换行显示。以便它显示为段落

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

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

Answer 1

尝试使用 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(),
    );
  }