Incorrect use of ParentDataWidget Error Flutter

Question

I'm trying to display grid view, but I got an error saying "Incorrect use of ParentDataWidget".

Here is my code:

 body: Container {
    ...
    child: Column {
       children : [
          Container {
             child: GridView(
                gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                   crossAxisCount: 4,
                ),
                children: [
                   CircleAvatar(
                      child: Icon(
                         Icons.person,
                      ),
                      backgroundColor: Colors.black,
                    ),
                    CircleAvatar(
                      child: Icon(
                         Icons.person,
                      ),
                      backgroundColor: Colors.black,
                    ),
                    CircleAvatar(
                      child: Icon(
                         Icons.person,
                      ),
                      backgroundColor: Colors.black,
                    ),
                ]
             )
          }
       ]
    }
 }

And here is the error:

Incorrect use of ParentDataWidget.
Vertical viewport was given unbounded height.
RenderBox was not laid out: RenderViewport#8c1a9 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE 'package:flutter/src/rendering/box.dart': Failed assertion: line 1927 pos 12: 'hasSize'

Any solutions?

Does this answer your question? Flutter Gridview in Column. What's solution..? — Md. Yeasin Sheikh
– Md. Yeasin Sheikh, Commented Feb 2, 2022 at 13:36

Md. Yeasin Sheikh · Accepted Answer · 2022-02-02 13:34:34Z

0

On your GridView provide shrinkWrap: true,. This is also discussed Flutter Gridview in Column.

child: GridView(
  shrinkWrap: true,
  gridDelegate:

answered Feb 2, 2022 at 13:34

Md. Yeasin Sheikh

64.8k7 gold badges50 silver badges86 bronze badges

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

6 Comments

aufa Over a year ago

but I can't resize the circleavatar, tried using size and radius but I got an error saying "Incorrect use of ParentDataWidget."

Md. Yeasin Sheikh Over a year ago

GridView children's size depends on childAspectRatio, can be found inside gridDelegate

aufa Over a year ago

ah I see, thank you

Md. Yeasin Sheikh Over a year ago

For your case, you might be looking for Wrap

Tavinder Singh Over a year ago

shrinkWrap is bad for performance if there are large number of items in the list. You can refer this youtu.be/LUqDNnv_dh0

|

Tavinder Singh · Accepted Answer · 2022-02-02 13:34:28Z

0

You used GridView inside Column that is why flutter is giving error. Try wrapping GridView with Expanded or Flexible widget

Column(
     children: Expanded(
        child: GridView(...)
    )
)

answered Feb 2, 2022 at 13:34

Tavinder Singh

4201 gold badge8 silver badges17 bronze badges

Collectives™ on Stack Overflow

Incorrect use of ParentDataWidget Error Flutter

2 Answers 2

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related