Listview not scrolling inside scrollview flutter. Add a comment. set android:fillViewport="true" on the NestedScrollView. I am first taking days from database and then taking transactions done on that day . The problem is that I can't scroll to the next page of the PageView when I get to the bottom of the page (It tries to continue scrolling the page itself and not the page view). If you still have the Renderflex error, then wrap your Column widget inside a Flexible widget. Sep 22, 2020 · Modified 3 years, 6 months ago. A scrollbar indicates which portion of a Scrollable widget is actually visible. – Aug 10, 2018 · I cannot drag/scroll the ListView when touching/dragging elements in the GridView when using this solution. Oct 17, 2019 · If you mean that you dont want your listview. "This is a row with some very long text Jul 29, 2019 · When this is true, the scroll view is scrollable even if it does not have sufficient content to actually scroll. A ScrollView that creates custom scroll effects using slivers. This works naturally in web, but does not work in iOS or anroid. return Container(); })); Share. Jan 8, 2024 · In Flutter, a ScrollView is a widget that provides a scrolling view for its child widgets. Screen1: Feb 3, 2023 · This article shows you some different ways to programmatically scroll to a desired item in a ListView in Flutter, for instance, scrolling to the item with the index of N when the user presses a floating button. builder on the same scroll in flutter? 0 Manage two Listview, to keep the first one showing when the user wants to scroll down to view the second listview items, Flutter May 6, 2020 · 1. It does the scroll where it bounces to the top and doesn't let the user scroll all the way down. The ListView is entirely unnecessary. It does not override the handling of overscrolling. The problem is, that the WebView should scroll together with the header. I have to scroll up and down again for it to fire. builder can scroll. The simplest one is to use the SingleChildScrollView widget that automatically scrolls its child when needed. Sep 20, 2019 · I have below code to get TabBarView working with sliver effect. Nov 23, 2021 · try to use CustomScrollView with multiple SliverList: /// Flutter code sample for CustomScrollView // By default, if items are inserted at the "top" of a scrolling container like // [ListView] or [CustomScrollView], the top item and all of the items below it // are scrolled downwards. You can wrap your image widget with GestureDetector and use this method to disable the scroll behavior when users tap down on the image widget. all(8. body: Stack(. First wrap listview with ScrollConfiguration and add behavior. Jun 8, 2018 · You can implement scrollable row in flutter using below code. return <Widget>[. Here's the relevant part of my code: Scaffold(. return CustomScrollView(. This Oct 16, 2017 · I created a release build of my scroll demo app using Flutter. flutter: The specific RenderFlex in question is: RenderFlex#4bdfd relayoutBoundary=up1 OVERFLOWING: flutter: needs Oct 11, 2019 · How to have two ListView. Thanks to them. Viewed 2k times. The container has a Listview. Almost the same solution like this one but without the unnecessary layers of gesture detectors etc. controller: model. Oct 28, 2018 · Note that this solution (to wrap in Scrollbar) applies to any scrollable widget (for example SingleChildScrollView), not only to ListView. Viewed 2k times Part of Mobile Scrolling. If I remove SingleChildScrollView then its working, But I need to scroll whole instead of only listview, I want to disable scroll of ListView and wanted to use only scroll of SingleChildScrollView. See physics. slivers: <Widget>[. I also unwrap my items from the Column widget to put them directly in the SliverChildListDelegate list – Sep 18, 2021 · Feb 23, 2022 at 6:44. Surround you ListView with Expanded widget. However it should have scrolled because I am enabling scrolling at 3rd second, the console confirms ListView enabled but still I am not able to scroll it. But I have a problem with the scroll listener for loading the next page of data that I bind to the ListView. ScrollView. Jan 1, 2024 · To add the ListView inside Column in Flutter, there are mainly three ways: Using Expanded (Recommended) Using ShrinkWrap. Using Expanded (Recommended) You can wrap your ListView widget inside the Expanded widget and this will allow the ListView to take all the available as long as the Column allows. Sorted by: 3. Mar 30, 2020 · In ListView you can set . You have different options to scroll your content in Flutter. Otherwise, by default the user can only scroll the view if it has sufficient content. Dec 12, 2018 · Sometimes you need to use a ListView or GridView inside a ScrollView (SingleChildScrollView). Unfortunately the ScrollView isn't scrolling. Feb 6, 2021 · 1. start, children: <Widget>[. The following GIF shows a vertically scrolling PageView which contains 2 pages, and among that the second page contains a ListView. so below is how my page working . After safearea you don't have to use that Containers margin given that you're using it to avoid the device edges. builder to scroll try adding this physics: NeverScrollableScrollPhysics (), I want all listview. Aug 3, 2020 · It shouldn't be possible to just scroll the WebView. Expanded widget tells the screen to allow as much as space the widget wants to take. Sep 28, 2022 · Scrolling in Flutter. If you need to create a scrolling list of items, a ScrollView inside a Column can be a good option. For example, to create a scroll view that contains an expanding app bar followed by a list and a grid, use a list of three First, put widgets in Column that are always going to be visible at top, second wrap your DaysList in Expanded and pass ScrollController to it. When i make the card smaller all of my data is showing up. The default behavior of ListView is to increase its size to fill the parente size. To disable the scrolling on ListView so it uses that of SingleChildScrollView you can set the . But there is a different kind of ListView that does support scrollToIndex: ScrollablePositionedList. children: <Widget>[. I wonder why the listview scrolling of my app is NOT as smooth as the flutter gallery app. If I remove this, list scrolled separately. // The "controller" and "primary" members should be left. Some other possiblities: Scrollable. Oct 31, 2019 · You need to make the ListView. Using slivers to achieve fancy scrolling. when we are at ends of Oct 12, 2012 · android:nestedScrollingEnabled="true". A widget that combines a Scrollable and a Viewport to create an interactive scrolling pane of content in one dimension. I had the same problem and here is an exemple of my code where it works perfectly: I had the same problem and here is an exemple of my code where it works perfectly: Jul 15, 2018 · Inside your GridView set physics like this and you are good to go : physics: NeverScrollableScrollPhysics() Edit: Doing this can be resource intensive as it generates all the items in a single go instead of inflating/generating items on scrolling, so make sure you don't have large amount of data in your grid or list. ListView. it will not work, only 1 ListView will work, You can use SliverWidget, make a CustomScrollView and within that you can use nested scroll using SliverList. We know this isn’t a good practise as you can’t put a ListView being a Scrollable widget May 22, 2020 · If you want to have the inner ListView be scrollable independently of the main scroll view, you should use NestedScrollView. seperated as a child but the listview is not scrolling. That happens because the ListView 's ( ListBox 's, actually) content template wraps its items with a ScrollViewer by itself. Here is some code illustrating the NestedScrollView approach. I already try to add this line Jul 10, 2017 · You should use ListView. scrollDirection: Axis. How can I choose which scroll I want to use? for example I want to do like Facebook commentary page: Sep 11, 2019 · 2. Feb 16, 2022 · I think you have not provided the physics property for the list view: Use -> physics:AlwaysScrollableScrollPhysics () for the listview to make it scrollable. This means when I scroll the listview. I. Apr 12, 2023 · Step1: Create a CustomScrollView widget. Oct 4, 2020 · 1. <ListView. g. May 13, 2021 · When the user scrolls the list, if they reach its bottom and scroll in the same direction again, we want the page to scroll to the next one not the list. Aug 28, 2021 · But the list is not scrolled fully when NeverScrollableScrollPhysics is used. Sep 3, 2019 · Try to put your horizontal listview and vertical listview in two Expanded widgets. Or use ConstrainedBox. To change this behavior you need to set shrinkwrap to true on the ListView. This will make the ListView ocupy just the size required by its children. builder() not working. The problem wasn't only the ListView itself, but all of it's parents as well. Feb 7, 2020 · I am facing issue with page scrolling. Now, I want to scroll the parent SCS View when the user scrolls to the top of Data Table inside child SCS View. builder is wrapped with Container, so now it has constant height 200. Sep 1, 2020 · I want to implement lazy load of a paginated list but since it does not allows me to use a controller inside the CustomScrollView as mentioned in the docs in this line: builder: (BuildContext context) {. Otherwise, use a CustomScrollView. Feb 21, 2024 · The ListView displays correctly, but I cannot scroll through the items. If you can set a fixed height to the Column inside the SingleChildScrollView , that's probably the best, even if it involves a bit of "hacking" as in the fix you provided. Just remove it. builder, only the colored part in the photo below moved. Jan 24, 2022 · Scroll physics that does not allow the user to scroll. Screen2: Multiple TextFields and Buttons listed vertically (all inside SingleScrollView). Jun 5, 2020 · If you want to have the inner ListView be scrollable independently of the main scroll view, you should use NestedScrollView. For example: Expanded(. // These are the slivers that show up in the "outer" scroll view. The main job at hand is to figure out how to let the PageViewController and ListViewController know of the intention of the drag, i. Please, let me know if you meant something else and I can help. A Material Design scrollbar. A convenient behavior I found with this method is users can still scroll up or down if they want to (tap down and swipe IMMEDIATELY instead of tap down THEN swipe). Start by creating a CustomScrollView widget as the parent widget that will hold our scrollable content. And vice versa. Edit: here is the code. padding: const EdgeInsets. For a free, instructor-led video workshop that uses DartPad, check out the following video about using slivers. Aug 25, 2020 · Moaz is right. – Sep 16, 2021 · ListView. Oct 12, 2016 · But if you are set on having nested scroll views in your layout you need to understand that NestedScrollView is intended to work as parent or a child scroll view while list. The code above inside grid view enables to scroll gridview and set width and height android:layout_width="match_parent" android:layout_height="200sp". Both are scrollable so the conflict occurs. Scrolling on one of them should be disabled. Oct 22, 2021 · 1 Answer. Listview inside the scroll view in flutter. But you can replace listView with Column widget. Problem is I need to load more data when user scrolled to the end. – When you have a list of children and do not require cross-axis shrink-wrapping behavior, for example a scrolling list that is always the width of the screen, consider ListView, which is vastly more efficient that a SingleChildScrollView containing a ListBody or Column with many children. I/flutter ( 6816): in a vertical scrollable, it will try to shrink-wrap its children along the vertical axis. It works first time but after switching tabs and scroll down event not fired. You can use physics: const NeverScrollableScrollPhysics (), on listView, the parent widget is already handling the scroll event. Jun 4, 2019 · I want the user to be able to scroll the ListView both horizontally (to see the contents of the Row) and vertically to see new list items. e. builder. The most common use case for this widget is a scrollable view with a flexible SliverAppBar containing a TabBar in the header (built by headerSliverBuilder, and with a TabBarView in the body, such Mar 2, 2019 · Well, it is not showing properly because i have 5 and it is only showing 3, well it is because the scrolling problem. Just using shrinkWrap: true didn't solve my problem. Each approach mentioned in this tutorial comes along with a complete example to make it easier to understand. When it runs out of horizontal space, it is creating new row. See also: ListView, which handles multiple children in a scrolling list. Here is a good example of a scrollview containing 2 other scrollviews: NestedScrollView. But I have a problem when the scroll of the scrollview is overscrolling I wanted to scroll the the bottomsheet instead of overscrolling the customscrollview. Apr 12, 2022 · When I scroll the ListView. Therefore the WebView needs a fixed height as far as I know. // Add sliver widgets here. Good to go. (Ex: when the user scrolls down) shrinkwrapping the listview will make the listviewbuilder build all its children all at once. As long as there is enough space vertically, everything is getting displayed as it should. This causes the bottom sheet to expand to full height in default config. A scrolling view inside of which can be nested other scrolling views, with their scroll positions being intrinsically linked. builder in the body of a NestedScrollView, it scrolls independently from the SliverToBoxAdapter and SliverList. This will also respect the width of 150 that you indicated in the Container, which it doesn't do in the ListView Aug 29, 2021 · Usage of Column () + SingleChildScrollView () SingleChildScrollView behaves the same as ListView, but it is best when using different Widgets with different Sizes, just in need of scrolling Jul 5, 2021 · I fixed the problem by wrapping a Expanded widget to all the rows and columns up the widget tree. Problem is that ListView doesn't have scroll-to-item method. builder bellow with item. class. ScrollConfiguration(. Conditional statement for enable and disable scrollview. But in our case, it is wrapped by SingleChildScrollView. scrollController, headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {. A CustomScrollView lets you supply slivers directly to create various scrolling effects, such as lists, grids, and expanding headers. 7,385 85 52 80. edited Feb 17, 2022 at 0:48. child: Row(. If you wish you disable the scrollview of the list and give control to SingleChildScrollView. so that ListView only occupies the space it needed. – First Method :-. so there will be multiple items inside ExpansionTile. dependency: scrollable_positioned_list You set it up exactly like ListView and works the same, except you now have access to a ItemScrollController that does: If it is enabled, using a PageStorageKey for the key of this widget is recommended to help disambiguate different scroll views from each other. Using SizedBox. I would like to scroll everything like within a ScrollView but the scrollview can not contain an infinite list. Dec 3, 2020 · ''' I have tried ListView and SingleChildScrollView but nothing works. Jeremy Caney. Defaults to matching platform conventions. body: SingleChildScrollView(. 2. builder builds it children lazily meaning that it will only build if the widget is on the user's screen. So pls help me, this is my code so far: Dec 28, 2019 · Wrap it with an Expanded widget: Sometimes, a SingleChildScrollView widget might not be scrollable if it doesn't have enough space to expand. horizontal, child: Row(. On iOS, this also identifies the scroll view that will scroll to top in response to a tap in the status bar. This behavior is like how you would scroll a DataTable in Flutter: Here is the build method (based on the Flutter project template): final List<String> rows = [. You can try wrapping it with an Expanded widget to give it more space to expand vertically. This will work even inside scrollview Thanks for the previous answers I figured out this for the previous answers. I want to force my ListView. Sorted by: 6. Jan 19, 2021 · There is a ListView inside a SingleChildScrollView and both of them are scrollable. Jun 2, 2011 · First you have to replace you ScrollView with NestedScrollView. I am showing users transactions grouped per day. We have found the solution from Flutter : Custom Radio Button . Follow. spaceBetween, crossAxisAlignment: CrossAxisAlignment. child: SingleChildScrollView(. If you want to make sure the listview occupy the all the space remaining you can use the Flex and expanded widget. You can see live example here. be sure flutter package: webview_flutter: any are properly install. mainAxisAlignment: MainAxisAlignment. And why listview inside card? Do you need separate scroll behavior inside cards too? If not use map() instead. But _handleScrolling function is not getting fired everytime I scroll down. Vertical ListView inside ScrollView flutter. Jan 8, 2020 · If the content is legitimately bigger than the available space, consider clipping it with a flutter: ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex, flutter: like a ListView. The listView is built with a scroll behaviour, you dont need to add it. A viewport widget, such as Viewport or ShrinkWrappingViewport, which implements the visual Aug 22, 2013 · 2. Oct 14, 2019 · The moment app launches and you keep scrolling it for like 5 seconds ( without lifting your finger off the screen ), the ListView doesn't scroll. The latter implements both NestedScrollingParent and NestedScrollingChild so it can be used as a parent or a child scroll container. Update 1 When using tabbar like following code, @override. NestedScrollView(. In my case LinearLayout and then set android:nestedScrollingEnabled="true" on ListView Make ListView a child of LinearLayout. A Scrollable widget, which listens for various user gestures and implements the interaction design for scrolling. if I have a GridView that is large enough to fill the screen, I cannot scroll the ListView at all any more. The simplest way is to disable it by dropping your own Template for the inside ListView, one that doesn't create a ScrollViewer: <ListView>. This widget is useful when you have a single box that will normally be entirely See more widgets in the widget catalog. You should add scrollConfiguration than only mouse scroll and touch event will work. But ListView doesn't support nested scrolling, therefore you need to subclass it and implement NestedScrollingChild. This is my code Nov 28, 2022 · How to have two ListView. The important part is the expand: false, in DraggableScrollableSheet, because it defaults to true. You could achieve that by setting one of these two properties to the ListView. answered Feb 16, 2022 at 11:33. I try to wrap it in an Expanded, or unwrap it from its CustomScrollView, but it did not work. 4. Here's a link to my app's demo. I want to scroll ListView without affecting Container that contains Text("Text No Scroll"). Oct 22, 2021 · 1. horizontal list view in the Jun 2, 2021 · I want to scroll a SingleChildScrollView() horizontally with mouse wheel in Flutter web but the SingleChildScrollView() is inside a ListView() and when i try to scroll it with the mouse wheel it scrolls the ListView(). . all should scroll inside the parent Widget. I used LG G5 for this test. Template>. Jan 11, 2024 · The Flutter documentation defines NestedScrollView as “A scrolling view inside of which can be nested other scrolling views, with their scroll positions being intrinsically linked. Sr for my question make mistake. I have a positioned widget and it has a container as a child. You need to set scroll physics in ListView. First you need to set ListView to occupy only the space required by setting. Set shrinkWrap: true, and physics: ClampingScrollPhysics() inside ListView. But setting physics to ClampingScrollPhysics() started to make it scroll. I don't know if this is the best way of doing this or if I should be getting the user to fill out a profile after they register with their email and password. shrinkWrap: true. 1 Answer. Jun 30, 2019 · The issues is that the list doesn't scroll, which is obvious as it has box constraints. Here: Nov 22, 2019 · Flutter - ListView is not Scrolling inside Drawer. Make a full scrollable Widget contains WebView (with dynamic height) and other containers above and below it. context: context, isScrollControlled: true, builder: (BuildContext context) {. Aug 3, 2020 · 2. Set the isAlwaysShown param to true so that the scrollbar is visible even when not scrolling; however even if isAlwaysShown is true if there is no need for a scrollbar (because the scrollable content does not exceed its limits) the scrollbar will not be Jan 19, 2012 · 6 Answers. take all records; get days and put in one list (days list) Mar 10, 2022 · Main thing is to replacing LayoutBuilder with SafeArea(for device paddings) and use single child scroll only. SliverList(delegate: SliverChildBuilderDelegate((context, index) {. child: // your code. Is it impossible to have ListView inside SingleChildScrollView? We trying to create three button which work like radio group button. Instead, the entire content should be scrolled together. Feb 19, 2024 · When I use GridView widgets as a children of ListView, the scroll control is active for the ListView rendered area only & not from the GridView area 1 How to implement a SingleChildScrollView(with horizontal listview and vertical gridview) inside a TabBarView Apr 4, 2020 · Naturally, all of the pages are larger than the viewport, so I used SingleChildScrollView inside each page so I can scroll the content of the page. This overrides the default behavior which is to disable scrolling when there is no content to scroll. GridView, which handles multiple children in a scrolling grid. A box in which a single widget can be scrolled. builder: physics: NeverScrollableScrollPhysics() or. Mar 30, 2020 · I presume you're using SingleChildScrollView with the combination of Column where it contains the ListView inside. builder to expand to child image height (it's single row ListView scrolled horizontally), image width always 200 and other widgets should be placed below it without any remaining space. You can use slivers to achieve custom scrolling effects, such as elastic scrolling. 18. builder(. answered Aug 3, 2020 at 10:54. horizontal. To use list-view inside Scroll-view you can follow these steps which worked for me : 1) Create NonScrollListView java file that disable the default scrolling property of list-view. May 27, 2019 · I/flutter ( 6816): When a column is in a parent that does not provide a finite height constraint, for example if it is. You can't have a scrollable widget inside another scrollable widget without setting a proper height for the inner one. Looking at your code, you don't need the SingleChildScrollView widget. You should set your physics to AlwaysScrollableScrollPhysics () . add One Layout Element as Child to NestedScrollView. builder on the same scroll in flutter? 2. To achieve that we are gonna handle the scrolling of both widgets manually, depending on the touch gestures of the user. The docs state the following: Scroll physics that always lets the user scroll. SliverFillRemaining isn't needed here, so the code will be: Scaffold(. Sep 27, 2021 · Whole page content is inside the vertical scroll view. Feb 21, 2021 · Make sure that the RenderBox in question sets its size during layout. I/flutter ( 6816): flex on a child (e. Expanded(. Setting a. This is your method: void _showDialog(BuildContext context) {. A catalog of Flutter's widgets that enable or support scrolling. builder in place of the inner column (as I suggested above that columns are not scrollable). Text('hi'), Text('hi'), Text('hi'), You can use Expanded widget to wrap your listView . You are using ListView inside CustomScrollView. 1. I tried to change the value of the bottom property but in a range of values , the listview has a small scrolling space at the top but other places wont effect the scrolling. However, if you are concerned about efficiency or control, you may want to consider using a different approach. Jul 20, 2020 · I use the flutter function showmodalbottomsheet to display a page with a customscroll view. Furthermore, if the primary is false, then the user cannot scroll if there is insufficient content to scroll, while if the primary is true, they can always attempt to scroll. I have found that this can be fixed by adding "physics: ScrollPhysics()" to the GridView. builder not scrollable so the SingleChildScrollView can scroll. Apr 25, 2021 · I have multiple widget on top and an infinite ListView. You can also use SliverChildBuilderDelegate to achieve the builder effect of ListView. Modified 3 years, 2 months ago. builder the way you're using it Nov 14, 2021 · I have a ListView inside a Column inside a BottomSheet like this. You have other options as well, like ListView or GridView to display multiple elements. However, when you need flexible/expanding content in the Column, you can consider using a ConstrainedBox with IntrinsicHeight inside the SingleChildScrollView as the Mar 3, 2019 · The delegate argument of SliverList is not necessarily a SliverChildListDelegate. ”. You need to remove the Expanded which set the child to take the available screen in case of here is infinite. Improve this answer. It is not possible to use Scroll-view inside List-view as List-view already has scrolling property. // unset, so that the NestedScrollView can control this. I've tried several variations to extend the ListView to the bottom of the screen while keeping it scrollable and avoiding the "Bottom overflowed by x pixels" error, but none of my attempts have been successful. Oct 1, 2015 · this is what worked for me. and code is below. using Expanded) indicates that the child is to expand to fill Jan 24, 2021 · I have ListView and the children that has pdf document wrap inside singleChildScrollView want to only scroll the singleChildScrollView and not the listView after expansion Below is my code Column( Nov 7, 2020 · I am using wrap to display some images, the direction of Wrap is set to Axis. You can just loop over the entries inside the column directly. I was understood, In body of scaffold i use column inside singlechildscrollview, and in column i have 2 custom widget, tophomescreen and bottomscreen Jul 11, 2019 · I am trying to create a flutter screen using the CustomScrollView and Sliver widgets where the SliverFillRemaining has a Text widget that can scroll down like reading scroll-able text content. Both widgets provide constructors that require a builder method May 14, 2019 · its not a good idea to shrinkwrap all your listviews. primary: false But using the ListView. Flutter Web listview don't detect the mouse scroll or drag event. we can define the CustomScrollView with a slivers property, which is a list of sliver widgets that will be used to build the scrollable view. I can achieve this by wrapping the Text within the SingleChildScrollView however i want to have the functionality of a header that can automatically hide I want to make e view in Flutter apps that contain a ListView (or maybe many) inside a ScrollView, and completed successfully. With current approach, if image height is < 200 Aug 29, 2021 · Inside the child SCS View there is a Data Table, and the Data Table starts at around bottom quarter of the screen. No matter what type of widgets I use, the screen won't scroll properly. hosein moradi. akdev. 0), child: Column(. However, the scrollview is unbounded. PageView, for a scrollable that works page by page. A sliver is a portion of a scrollable area that you can define to behave in a special way. Ask Question Asked 4 years, 3 months ago. Jul 1, 2022 · I'd like to suggest a different approach. Jan 28, 2022 · You can remove the single child scroll view, i believ the problem here is because you are using a column and the listview is not expanding to the whole screen. Flutter Horizontal ListView. Share. Share Oct 15, 2018 · 15. Aug 31, 2019 · I'm using this as my "main" screen and I want to load different widgets inside this, depending on which button in the BottomNavigationBar was clicked (for example Screen2). This is a registration page that I will use to capture information about the user. ListViews, a type of ScrollView, are commonly used to display a scrollable list of widgets. May 23, 2020 · It made it even worst, now my product list is scrolling alone in a small height area. (we already have on parent, therefor using loop) SliverToBoxAdapter _buildBody(double screenHeight) {. How can I handle this situation in Flutter ? CustomScrollView. Jul 18, 2020 · We’ll be making the following app for demonstration. physics: NeverScrollableScrollPhysics(). showModalBottomSheet(. ensureVisible(context) almost works but the problem is that it will scroll vertical list too which I don't want Dec 6, 2022 · 2 Answers. When clicking on the "Third tab" I need to scroll to it to show the full name. Via Javascript it's possible to get the scroll height of the WebView. ), Ultimately, the decision of whether or not to use a ScrollView inside a Column depends on your specific needs. I have one page in my flutter app that is basically a big list with multiple nested lists. To solve the problem, replace ListView with SliverList — special widget for displaying list of items inside CustomScrollView. qa wv dl xg dd sh kq oc bo fx