Why cant i add Listview to Flutter ? (The relevant error-causing widget was Column)

Question

When I try to add listview, its always gives me errors. Like:

RenderBox was not laid out: RenderRepaintBoundary#dab18 NEEDS-LAYOUT NEEDS-PAINT Failed assertion: line 1982 pos 12 : 'hasSize' The relevant error-causing widget was Column

I tried to add shrinkwrap to listview but it doesn't work too. When I delete my listview its works fine but I need to add it. What am I making wrong? Thanks for all your help! My code :

SliverToBoxAdapter(
              child: Container(
                child: Column(children: [
                  Container( 
                    width: double.infinity,
                    child: Stack(
                      children: [
                        CorneredImage(
                          child: Image(
                            image: AssetImage(
                              'assets/images/phone-call.png',
                            ),
                          ),
                        ),
                        Positioned.fill(
                          child: Container(
                            decoration: //some decors
                          ),
                        ),
                        Positioned.fill(
                          child: Container(
                            alignment: Alignment.topLeft,
                            child: Padding(
                              padding: const EdgeInsets.all(24),
                              child: FractionallySizedBox(
                                widthFactor: 0.7,
                                child: Column(
                                  mainAxisAlignment: MainAxisAlignment.start,
                                  crossAxisAlignment: CrossAxisAlignment.start,
                                  mainAxisSize: MainAxisSize.max,
                                  children: [
                                    Flexible(
                                      child: Column(
                                        children: [
                                          Text(
                                            "Dilediğiniz Yerden Bağlanın!", 
                                          ),
                                          SizedBox(height: 10),
                                          Text(
                                            "Terapizone, ihtiyacınız olduğu her an size destek olmak için yanınızda!",
                                           
                                          ),
                                        ],
                                      ),
                                    ),
                                    Align(
                                      alignment: Alignment.bottomLeft,
                                      child: ElevatedButton( 
                                          onPressed: () {},
                                          child: Text("Terapiye Başla"),
                                    )
                                  ],
                                ),
                              ),
                            ),
                          ),
                        )
                      ],
                    ),
                  ),
                  Flexible( //When I add that part its not working anymore. List is simple String list
                      child: ListView.builder(
                          itemCount: list.length,
                          itemBuilder: (context, index) => Text(list[index]))),
                ]),
              ),
            ),

@LalitFauzdar thanks for response. But it still have same error brother. — Ugurcan Ucar, Mar 16 '22 at 11:29
https://stackoverflow.com/questions/52801201/flutter-renderbox-was-not-laid-out check out this — Ahmad Raza, Mar 16 '22 at 11:36
@AhmadRaza thanks for help. But i check and tried all of that comments too brother. Same error still. — Ugurcan Ucar, Mar 16 '22 at 11:45
@YasinEge thanks for help brother. I added it too. Its still giving same error. — Ugurcan Ucar, Mar 16 '22 at 11:46
whats the output you want to achieve? for example why do you use `ListView.builder` inside `SliverToBoxAdapter` if you can use `SliverList` as one child of `slivers:`? — pskink, Mar 16 '22 at 11:50
@pskink I will make horizontal image carousel brother. I didn't tried with SliverList. Is it possible to make horizontal image carousel with it ? — Ugurcan Ucar, Mar 16 '22 at 12:03

score 1 · Answer 1 · answered Mar 16 '22 at 11:59

Try This,

     CustomScrollView( // Wrap SliverToBoxAdapter with CustomScrollView
              shrinkWrap: true,
              slivers: <Widget>[
                SliverToBoxAdapter(
                  child: Container(
                    child: Column(mainAxisSize: MainAxisSize.min, // give mainAxixsize
                    children: [
                      Container(
                        width: double.infinity,
                        child: Stack(
                          children: [
                            Image(
                              image: AssetImage(
                                'assets/images/phone-call.png',
                              ),
                            ),
                            Positioned.fill(
                              child: Container(
                                alignment: Alignment.topLeft,
                                child: Padding(
                                  padding: const EdgeInsets.all(24),
                                  child: FractionallySizedBox(
                                    widthFactor: 0.7,
                                    child: Column(
                                      mainAxisAlignment: MainAxisAlignment.start,
                                      crossAxisAlignment: CrossAxisAlignment.start,
                                      mainAxisSize: MainAxisSize.max,
                                      children: [
                                        Expanded(
                                          child: Column(
                                            children: [
                                              Text(
                                                "Dilediğiniz Yerden Bağlann!",
                                              ),
                                              SizedBox(height: 10),
                                              Text(
                                                "Terapizone, ihtiyacnz olduğu her an size destek olmak için yannzda!",
                                              ),
                                            ],
                                          ),
                                        ),
                                        Align(
                                            alignment: Alignment.bottomLeft,
                                            child: ElevatedButton(
                                              onPressed: () {},
                                              child: Text("Terapiye Başla"),
                                            ))
                                      ],
                                    ),
                                  ),
                                ),
                              ),
                            )
                          ],
                        ),
                      ),
                 Flexible( //When I add that part its not working anymore. List is simple String list
                  child: ListView.builder(
                      itemCount: list.length,
                      itemBuilder: (context, index) => Text(list[index]))),
                    ]),
                  ),
                ),
                // SizedBox(height: 1) //                           <-- Divider
              ],
            )

thanks for help brother. But Its already in CustomScrollView. Its like CustomScrollView have 2 sliver now. 1st is sliverappbar second is slivertoboxadapter. — Ugurcan Ucar, Mar 16 '22 at 12:03
I add shrinkwrap=true to my main customscroll view and used Container instead of flexible and gave a height. And insteadof listview builder, I used Listview and its fixed for now thanks man — Ugurcan Ucar, Mar 16 '22 at 12:11

Why cant i add Listview to Flutter ? (The relevant error-causing widget was Column)

1 Answers1