Flutter - how to make nested list views?

Question

I want to make a nested list view in the following manner

How can I do this? I only want the nested list view for one of the radio tiles not all of them.

I tried including both ListView builder in another List however there was rendering problem.

My code:

Column(

      children: <Widget>[
        .....

        Expanded(
          child:

          ListView.builder(
            padding: EdgeInsets.all(0.0),
            itemCount: tasks.length,
            itemBuilder: (context, index) {

              return RadioListTile<String>(

               //contentPadding: EdgeInsets.symmetric(horizontal: 16.0),
                title:  Text(tasks[index], style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.w400)),
                value: tasks[index],
                groupValue: selectedRadio,
                onChanged: (val){
                    setSelectedRadio(val);
                }
              );
            },
          ),
        ),

      ],
    );

Michael Yuwono · Accepted Answer · 2019-05-24 13:12:58Z

4

You cannot build a ListView inside a ListView as you will confuse the scroll behaviour. You should use List widget that does not scroll, such as Column.

ListView.builder(
  padding: EdgeInsets.all(0.0),
  itemCount: tasks.length,
  itemBuilder: (context, index) {
    if (// single RadioListTile) {
      return RadioListTile<String>(
        title:  Text(tasks[index], style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.w400)),
        value: tasks[index],
        groupValue: selectedRadio,
        onChanged: (val) => setSelectedRadio(val),
      );
    }
    else if (// nested RadioListTile) {
      return Column(
        children: <Widget>[
          // RadioListTile1,
          // RadioListTile2,
          // RadioListTile3,
        ],
      );
    }
  },
),

answered May 24, 2019 at 13:12

Michael Yuwono

2,6272 gold badges17 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jure Jureš · Accepted Answer · 2021-03-07 16:21:31Z

1

You can totally include a list view inside of another list view. But the inside list view has to have shrinkWrap set to true

answered Mar 7, 2021 at 16:21

Jure Jureš

192 bronze badges

Collectives™ on Stack Overflow

Flutter - how to make nested list views?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related