Question 77836 in Flutter Question posted in
The official Flutter documentation can be found here.

How to display List.generate horizontally in flutter

Wrap(
        children: List.generate(channelIds.length,
            (index) => chipItem(channelIds[index], AppUtils.filteredByChannelId)),
      ),

So I have used List.generate but I want to display items in horizontally. I applied,

direction: Axis.horizontal,

In a Wrap, I gave a direction but it is not working.

Tags:

3

Answers


  1. Chosen as BEST ANSWER
    0 
    return SingleChildScrollView(
      scrollDirection: Axis.horizontal,
      child: Wrap(
        direction: Axis.horizontal,
        children: List.generate(
            channelIds.length,
            (index) =>
                chipItem(channelIds[index], AppUtils.filteredByChannelId)),
      ),
    );

    above code works for me


  2. 0

    instead of using List.generate use this

      Wrap(
  children: [
    for(var item in channelIds)
      your widget here
  ],
),
    Login or Signup to reply.
  3. 0

    use like this

     return Wrap(
    children: ['1']
        .asMap()
        .map((i, element) => MapEntry(i, Text(i.toString())))
        .values
        .toList(),
 );
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search