Listview.builder inside the column what error it will throw and why ?

Overview

Placing a

ListView.builder

Column

The Error

textCopy
flutter: The following assertion was thrown during performLayout():
flutter: RenderShrinkWrappingViewport does not support returning intrinsic dimensions.

Or:

textCopy
flutter: Vertical viewport was given unbounded height.

Why Does This Happen?

• textCopy

  Column

  gives its children infinite height — it does not constrain vertical space.
• textCopy

  ListView.builder

  also wants infinite height to render its scroll area.
• When
  textCopy

  ListView

  is inside
  textCopy

  Column

  , both widgets ask for infinite height — this conflict causes Flutter to throw an error.

dartCopy
// ❌ This throws an error
Column(
  children: [
    Text('Header'),
    ListView.builder( // ← ListView needs a height constraint!
      itemCount: 20,
      itemBuilder: (context, index) => ListTile(title: Text('Item $index')),
    ),
  ],
)

Fix 1: Wrap ListView in Expanded (Recommended)

dartCopy
// ✅ Expanded gives ListView the remaining Column space
Column(
  children: [
    Text('Header'),
    Expanded(
      child: ListView.builder(
        itemCount: 20,
        itemBuilder: (context, index) => ListTile(title: Text('Item $index')),
      ),
    ),
  ],
)

Fix 2: Give ListView a Fixed Height via SizedBox

dartCopy
Column(
  children: [
    Text('Header'),
    SizedBox(
      height: 300, // Fixed height
      child: ListView.builder(
        itemCount: 20,
        itemBuilder: (context, index) => ListTile(title: Text('Item $index')),
      ),
    ),
  ],
)

Fix 3: Use shrinkWrap (Use with Caution)

dartCopy
Column(
  children: [
    Text('Header'),
    ListView.builder(
      shrinkWrap: true,        // ← ListView sizes itself to its content
      physics: NeverScrollableScrollPhysics(), // ← Disable inner scroll
      itemCount: 20,
      itemBuilder: (context, index) => ListTile(title: Text('Item $index')),
    ),
  ],
)

⚠️ Warning:

textCopy

shrinkWrap: true

forces Flutter to render ALL items at once — this defeats the purpose of

textCopy

ListView.builder

and kills performance for large lists.

Best Practice Summary

Expanded

SizedBox

shrinkWrap: true

Golden Rule: Always give

textCopy

ListView

a bounded height constraint when inside a

textCopy

Column

. Use

textCopy

Expanded

in most cases.