Flutter prevent listview showing in new line

Question

I want to show my listview in same line one after another but listview showing every item in every new line. How can I prevent to show in new line. So that it shows like paragraph

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

Please look at this photo. I want to show text like this one after another instead of new line

Solution

Try using Wrap widget. For example, like this.

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(),
    );
  }

Comments

[Admin]

could you put a picture of the problem please??