ListView.builder and Image together in a Row in Flutter

Question

Idea is to put a ListView.builder and an Image together side by side horizontally.
So, I put the ListView.builder and the Image in a Row.

This Row is inside a ListView which has other children too.

The problem is that before I introduced the Row, the ListView.builder was showing up properly. Now with Row, ListView.builder and an Image are NOT being shown.

There are no errors, just the contents are invisible.

                                        Row(
                                          children: <Widget>[                                          
                                            ListView.builder
                                            (
                                              shrinkWrap: true,
                                              physics: ClampingScrollPhysics(),
                                              itemCount: list3.length,

                                              itemBuilder: (BuildContext ctxt, int Index) 
                                              {
                                                return new ListView
                                                          (
                                                            shrinkWrap: true,
                                                            padding: const EdgeInsets.all(1),
                                                            children: <Widget>
                                                            [                                                       
                                                              ListTile(
                                                                  leading: CircleAvatar(
                                                                            radius: 6.0,
                                                                            backgroundColor: Colors.black,
                                                                          ),
                                                                  title : Text(list3[Index], style: TextStyle(color: Colors.red, fontSize: 25,),)
                                                              ),
                                                            ]
                                                          );
                                              },                                          
                                            ),
                                            Expanded(
                                                  child: Image(
                                                    image: NetworkImage('https://flutter.github.io/assets-for-api-docs/assets/widgets/owl.jpg'),
                                                    height: 15,
                                                    width: 15,
                                                    fit: BoxFit.cover,
                                                  )
                                                ),
                                          ],
                                        ),

Andrej · Accepted Answer · 2021-08-19 14:50:50Z

3

Wrap your ListView.builder with Expanded.

answered Aug 19, 2021 at 14:50

Andrej

3,3053 gold badges20 silver badges39 bronze badges

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

Comments

Amsakanna · Accepted Answer · 2021-08-19 14:51:14Z

1

The ListView is inside a Row and needs a width, so that the other element can expand in the remaining area. So wrap it inside a SizedBox.

SizedBox(
  width: 300,
  child: ListView.builder(),
)

answered Aug 19, 2021 at 14:51

Amsakanna

13k8 gold badges49 silver badges59 bronze badges

1 Comment

Aquarius_Girl Over a year ago

Thanks to you too.

Collectives™ on Stack Overflow

ListView.builder and Image together in a Row in Flutter

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related