How to nest a TabBarView's ListView in a CustomScrollView?

Question

The thing I want to layout is like this Because I want the ListView scroll with outside , So I want to make the ListView to the SliverListView .

But this will make the error:

A RenderRepaintBoundary expected a child of type RenderBox but received a child of type RenderSliverList.

What's the best practice to do this kind of layout? do I have to change CustomScrollView to NestedScrollView?

try adding expanded over tabbarview and over list view if it is in column or row — Pokaboom, Dec 13 '21 at 09:32
@Pokaboom the listView will have some scroll problem , because I want to make the whole page scroll — ximmyxiao, Dec 13 '21 at 09:33

score 1 · Accepted Answer · answered Dec 13 '21 at 09:36

Since SliverListView is a Sliver widget, it can only be the direct child of CustomScrollView. Use it inside the TabBarView will cause the above error since TabBarView expect a RenderBox widget, not a Sliver.

In order to sync the scroll with the CustomScrollView, you can use this property:

ListView(
    physics: NeverScrollableScrollPhysics(),
    // ... other lines

How to nest a TabBarView's ListView in a CustomScrollView?

1 Answers1