Nestedscrollview flutter

Last UpdatedMarch 5, 2024

by

Anthony Gallo Image

However, when after a user scrolls and fills lots of children into inner scrollers, then tab change becomes very laggy. Jun 6, 2024 · headerSliverBuilder property. Using the following setup, you can access the inner scroll controller using globalKey. 🔥 Preview Try it online: https://flutter-nested-scroll-view-plus. gif image). final innerScrollController = PrimaryScrollController. com/SupremNandalDev/insta_cloneVideo ContentInstagram UI Clone in Flutter for Web, Linux and Mobile Oct 9, 2023 · // Without this, there are cases where the shadow would appear // or not appear inappropriately, because the SliverAppBar is // not actually aware of the precise position of the inner // scroll views. Typically this is used to create a SliverAppBar with a TabBar. callRefresh()无反应,不能触发刷新的动作。 环境: Flutter (Channel stable, 3. How can I not synchronize them. refreshCompleted(); May 13, 2020 · I am using a NestedScrollView widget with TabBar, I have two tabs, and in each tab page view there a CustomScrollView. return NestedScrollViewPlus (. tabs: tabs. This widget is particularly useful when you want to create a scrolling view inside another scrolling view, hence the use of the term "nested". yaml like this: pull_to_refresh: 1. 0. @Yann39 Oh, Gods! Aug 19, 2020 · I've detailed more about this issue in a Stack Overflow question here (yet unanswered). // to calculate dynamically the size for the sliver app bar. Aug 22, 2020 · Here is the video:-. Oct 27, 2023 · Oct 27, 2023. 0. Now I am using SmartRefresher to refresh my app when pull down article list, I add pull_to_refresh dependencies in pubspec. child: Column(. Scrollable. Whether or not the NestedScrollView 's coordinator should prioritize the outer scrollable over the inner when scrolling back. super. On the pages in TabBarView, I use keep alive true, but in this case the scroll is synchronized. A catalog of Flutter's widgets that enable or support scrolling. Sep 14, 2022 · I found the answer to my question. So when you tried to scroll up and down you received the same result because list Dec 12, 2021 · Flutter의 NestedScrollView 문서를 보면 아직 제대로 파악하지 못하고 있는 두 위젯이 나타납니다. タブを切り替えてもスクロールした位置を状態を維持. Add this awesome widget to your Flutter Toolkit. Sr for my question make mistake. May 14, 2024 · Just like the name, EasyRefresh can easily implement pull-down refresh and pull-up load on Flutter applications. When I use three different ScrollController to each one, they stop to behave like a traditional sliver, it means when I scroll some CustomScrollView the Sliver Header doesn't hide. Vertical by default, which makes its beginning at top and its AxisDirection = AxisDirection. // view will not be associated with the NestedScrollView. 2. halface_sun An enhanced NestedScrollView offering overscroll support for both the nested and parent scroll views, ensuring a seamless scrolling experience. To create a local project with this code sample, run: flutter create --sample=widgets. By understanding its properties and how they affect the scroll behavior Jun 6, 2024 · The ScrollBehavior of the inherited ScrollConfiguration will be modified by default to not apply a Scrollbar. An object that can be used to control the position to which the outer scroll view is scrolled. You can listen to this controller to know whether the list has reached maxScrollExtent and fetch data from API. 하나의 탭을 스크롤 한 후 다른 탭을 스크롤하면 Oct 31, 2022 · 0. await Future<void>. _SampleState createState() => _SampleState(); final ScrollController _scrollController = new ScrollController(); @override. No matter what type of widgets I use, the screen won't scroll properly. This is useful for an outer scrollable containing a SliverAppBar that is expected to float. 5. Apr 17, 2024 · API docs for the NestedScrollView constructor from Class NestedScrollView from the widgets library, for the Dart programming language. Feb 21, 2022 · When entering (scrolling on screen) the view will scroll on any downwards scroll event, regardless of whether the scrolling view is also scrolling. // missing, then it is possible for the nested "inner" scroll view. This is my code for building AppBar: Apr 12, 2021 · You can find the answer here: Answer from github There are 2 solutions: First, get innerController of NestedScrollView and pass it by the PrimaryScrollController widget below Navigator Second, access the state of NestedScrollView from your widget where you need a controller of NestedScrollView, get innerController of NestedScrollViewState and assign that innerController to your scrollable Dec 19, 2020 · I think you may notice the explanation of the example here: NestedScrollView class // The "controller" and "primary" members should be left // unset, so that the NestedScrollView can control this // inner scroll view. length. 最初は NestedScrollView で実装を試みたのですが、下記の2点のissueもあり Feb 9, 2022 · New to flutter and I'm really stumped, does anyone have any ideas of what I'm doing wrong here? DefaultTabController( length: 3, child: NestedScrollView NestedScrollView. See full list on blog. Here is the build function : body: NestedScrollView(. 1) There is an excessive amount of padding between the tabs and the body ScrollView, but I'm not sure what element is causing it. scrollTo(0, 0); For go to the top but which is not enough for smooth animation for scroll up. Oct 10, 2020 · Scaffold( key: _scaffoldKey, body: NestedScrollView( floatHeaderSlivers: true, physics: NoImplicitScrollPhysics(parent: ScrollPhysics()), headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) { // These are the slivers that show up in the "outer" scroll view. body: RefreshIndicator(. vercel. In other words I want expandable TabVeiws with scrollable grid inside. This is because the NestedScrollView cannot assume the configuration of the outer and inner Scrollable widgets, particularly whether to treat them as one scrollable, or separate and desirous of unique behaviors. // The "controller" and "primary" members should be left. Designed to feel like part of the Flutter Feb 12, 2019 · 1- You need to add your content into a list. 630], locale zh-CN) • Flutter version 3. dart a file. According to what I learned by reading and reading on Github, the Flutter framework needs an extensive review of NestedScrollView to fix this known issue. 3. I was understood, In body of scaffold i use column inside singlechildscrollview, and in column i have 2 custom widget, tophomescreen and bottomscreen Flutter 자습 1. 레이 CustomScrollView, NestedScrollView 11. Currently, we can add only one scroll view in NestedScrollView's body. Inheritance. Now let's create a StateFull Widget named HomePage (). extended_nested_scroll_view. void initState() {. Apr 18, 2018 · This conflicts with the NestedScrollView and I lose the autohide of the appbar that is conveniently handled by the NestedScrollView and SliverAppBar. asked May 6, 2020 at 9:29. if i use SliverOverlapAbsorber and SliverOverlapInjector the used CupertinoSliverRefreshControl Mar 17, 2019 · SliverFillRemaining may contain another CustomScrollView (see picture). Dec 12, 2021 · NestedScrollViewのheaderSliverBuilder内ではSliverとつくWidget群を入れる必要があり、それ以外を入れるとエラーが発生します(TabBarを試しに入れてみるとエラーが出ます)↓. // This widget takes the overlapping behavior of the SliverAppBar, // and redirects it to the SliverOverlapInjector below. This is my code. It links the two scrollable areas so they seem like one consistent scroll view. Flutter Widget树中子Widget可以通过发送通知(Notification)与父(包括祖先)Widget通信。 父级组件可以通过 NotificationListener 组件来监听自己关注的通知,这种通信方式类似于Web开发中浏览器的事件冒泡,我们在Flutter中沿用“冒泡”这个术语,关于通知冒泡我们将在后面 Feb 1, 2019 · I'd like to use SliverAppBar within NestedScrollView in an ordinary Scaffold app. pin tab bar below appBar. Builder) 10. requestFocus(FocusNode()) to hide the keyboard. See the basic syntax, required tools, step by step implementation and output of the example app. 0+1 下面代码,点击TextButton按钮,触发调用 EasyRefreshController. This happens because the inner scrollers build from scratch. I want to get the offset from the ScrollController that is given to the NestedScrollView but it only gives me the offset until the SliverAppBar is out of view, but after that the SliverList continues to scroll but the ScrollController doesn't give the offset. clipperRadius), Jun 14, 2020 · In the After Scrolled section, when the user scrolled to the top, the title should not overlap with Back Button, Live Button, and Chat Button but the title prefix is should to the right of Back Button, and the title suffix should to the left of Live Button, and Live Button should to the left of Chat Button. builder, only the colored part in the photo below moved. Feb 8, 2023 · easy_refresh: ^3. RenderBox was not laid out (SingleChildScrollView with ListView. Jul 17, 2020 · The problem comes because I can't seem to synchronize the general scroll of the list and the header. How can I get this to be scrollable? Here is the code from the main page: physics Sep 24, 2023 · Learn how to optimize your Flutter app by placing a list widget into the header with NestedScrollView. Here is some code illustrating the NestedScrollView approach. toDouble(), 21. Now according to position and state of ListView, an active controller of the two is chosen and dragged using the controller. Sep 22, 2020 · 1. Here's an example for the same:- How to make a page in flutter that contain multiple sliverlist and a slivergid? 2. // inner scroll view. com Oct 24, 2023 · Learn how to create a scrollable view with multiple sections that can scroll independently using the NestedScrollView widget in Flutter. Oct 17, 2022 · Code will help you to understand the issue better. // unset, so that the NestedScrollView can control this. com/tensor-programming/flut Apr 18, 2023 · 実装したプロフィール画面で実装したい要件. // This would be your controller for list. . Aug 23, 2019 · 8. length: 2, child: Scaffold(. map ((String name Sep 26, 2018 · 6. innerController . Scrollable implements the interaction model for a scrollable widget, including gesture recognition, but does not have an opinion about how the viewport, which actually displays May 26, 2020 · return CustomScrollView(. Example for issue 1. Follow edited May 7, 2020 at 2:05. double _height = 0; @override. In this blog post, we will create the body of the homepage using Nested Scroll View. Nested SingleChildScrollView. I used the same min repro code for both, the expected and the actual results. Kishan Somaiya. A scrolling view inside of which can be nested other scrolling views, with their scroll positions being intrinsically linked. @override. Jan 30, 2024 · An enhanced NestedScrollView offering overscroll support for both the nested and parent scroll views, ensuring a seamless scrolling experience. logrocket. May 23, 2020 · I used a NestedScrollView that contains the Sliver header, and a Column, that itself contains the widgets with texts and the list. Jun 6, 2024 · controller property. I have a NestedScrollView with a SliverAppBar. For that I added @SilentKnight answer NestedScrollView. builder to scroll try adding this physics: NeverScrollableScrollPhysics(), I want all listview. Apr 5, 2022 · NestedScrollView Widget is perfect for complex layouts with multiple nested scrolling views. 💡 Usage # Installation: flutter pub add nested_scroll_view_plus Example usage: Replace NestedScrollView with Oct 27, 2023 · NestedScrollView is a class in Flutter that enables multiple scrolling views to act as one coherent scroll view. Using Flutter’s Slivers Sep 26, 2020 · I added a demo of how to use the NestedScrollView using your code as an example: class ViewEditComplaintDetails extends StatefulWidget { ViewEditComplaintDetails({Key key}) : super(key: key); @override _ViewEditComplaintDetailsState createState() => _ViewEditComplaintDetailsState(); } class _ViewEditComplaintDetailsState extends State SliverOverlapAbsorberHandle sliverOverlapAbsorberHandleFor (. circular(Dimens. buildScrollbar. 1. ExtendedVisibilityDetector. As horizontal lists inside of vertical list and animated headers. Take a look at NestedScrollView. what about changing physics to NeverScroll and only enabling physics to only one. // The PageStorageKey should be unique to this ScrollView; NestedScrollView is a scrolling view inside of which can be nested other scrolling views, wi This video is introducing about Flutter NestedScrollView Widget. floatHeaderSlivers. NestedScrollViewState can be obtained using a GlobalKey . initState(); Pin the layout below and start scrolling at certain position in flutter. The list scrolls fine, but the header does not. floatHeaderSlivers property. 💡 Usage # Installation: flutter pub add nested_scroll_view_plus Example usage: Wrap your SliverAppBar with OverlapAbsorberPlus Aug 14, 2023 · Unopinionated, extensible and highly customizable package to help you lazily load and display small chunks of items as the user scrolls down the screen – known as infinite scrolling pagination, endless scrolling pagination, auto-pagination, lazy loading pagination, progressive loading pagination, etc. SliverOverlapAbsorber class - widgets library - Dart API API docs for the SliverOverlapAbsorber class from the widgets library, for the Dart programming language. May 18, 2023 · I am building a Flutter App and on the Web with a SliverAppBar with Tabs that are scrollable using a NestedScrollView and I am getting this weird error: The Scrollbar requires a single ScrollPosition in order to be painted. I cannot give the height because it should be dynamic. State < NestedScrollView >. Jun 26, 2020 · 아래의 뷰는 PageView를 가지고 있으며 child는 Scroll이 가능하도록 구현해야 합니다. topLeft: Radius. controller. 테마 99. Create a GlobalKey final GlobalKey < NestedScrollViewStatePlus > myKey = GlobalKey (); @override Widget build ( BuildContext context) {. ) Returns the SliverOverlapAbsorberHandle of the nearest ancestor NestedScrollView. As the official docs state, a sliver is a small portion of a scrollable area inside a CustomScrollview that can be configured accordingly to behave in a certain way. I also would like to have some minimum height of the app bar when user scrolls down. HomePage () would return a NestedScrollView (). class. Jan 11, 2024 · NestedScrollView is a powerful widget when you need to nest multiple scroll views inside each other. currentState. BuildContext context. How can I remove the bottom space? This is the attachment of the problem. 3 Using SingleChildScrollView Inside PageView. 0 and after that, with a longer ListView I am unable to properly animateTo as I What is NestedScrollView Widget in Flutter? In a normal ScrollView , there is one set of slivers. I have problems with nested scrollviews in flutter. 6. builder in the body of a NestedScrollView, it scrolls independently from the SliverToBoxAdapter and SliverList. 2) When scrolling the content in the ListView, it shows behind the tab and I Oct 3, 2018 · final GlobalKey _childKey = GlobalKey(); // As long as the height is 0 instead of the sliver app bar a sliver to box adapter will be used. Feb 20, 2019 · Flutter Gridview under NestedScrollView TabBar Not working. A builder for any widgets that are to precede the inner scroll views (as given by body ). May 7, 2020 · flutter; nestedscrollview; Share. This is commonly referred to as the 'quick return' pattern. If it is. I want it to float and snap upon scroll up/down. Jan 28, 2021 · 2. If you mean that you dont want your listview. This technique can help you eliminate gaps and empty spaces between scrollable widgets and the AppBar Apr 27, 2021 · I used NestedScrollView to put Tabbar in Scrollview. It supports almost all Flutter Scrollable widgets. 3. My use case is that the upper content should only be scrollable when all of the content is not visible and only up to the point that all of it becomes visible and not beyond that. of(context). I then call FocusScope. It's a little hard to reproduce—you have to play with the thumb to get the sense of when the issue is being reproduced. The code below is a minimalistic sample that makes my problem reproducible on iOS devices. Viewed 1k times Jan 8, 2022 · 4. Dec 19, 2018 · Instead of a CustomScrollView, NestedScrollView should be used because there are multiple scrollable views that will be managed on the screen. Everything works fine except the empty space of the bottom screen. halface_sun. borderRadius: BorderRadius. For example, here, the flutter logo must be scroll completely up, But part of it remains on the page: this is my code: NestedScrollView(. Not working. 반응형 21. You just have to do like this: headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) { return []; }, answered Dec 7, 2020 at 9:30. delayed(const Duration(milliseconds: 1000)); _refreshController. _headerSectionはSliverListを用いて作成しました。 Nov 19, 2012 · If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue. This is necessary to configure the SliverOverlapAbsorber and SliverOverlapInjector widgets. For sample code showing how to use this method, see the NestedScrollView documentation. I have one page in my flutter app that is basically a big list with multiple nested lists. headerSliverBuilder. this . 1 mysample. Modified 5 years, 2 months ago. Dec 13, 2021 · Both the content above TabBar and in TabBarView can be of dynamic height. If we add two scroll views into the body of NestedScrollView. Successfully merging a pull request may close this issue. builder can scroll. So in the following example, only Tab 1 should be scrollable. AppBarとTabBarの間にプロフィール画面を実装してスクロールした時にTabBarを上に固定. down. 물론 PageView의 Child 아래의 Scroll과 CustomAppBar의 Scoll은 위에서 보시는 것과 같이 함께 동작해야 합니다. Jul 31, 2018 · In my case when I scroll down to end, FAB button should be appears and when user tap on that FAB button should go to the top of the page. forceElevated: innerBoxIsScrolled, bottom: TabBar ( // These are the widgets to put in each tab in the tab bar. pinned sliver header issue. You don't need to use Expanded since each item of Column will fill only needed space. Object. May 22, 2020 · If you want to have the inner ListView be scrollable independently of the main scroll view, you should use NestedScrollView. The main class would look something like this. What I really want is a group of horizontal lists one below the other within a vertical list view sort of container. 2- Then put your tabBarView into a container. I can't figure out how to use either PreferredSize widget nor any other solution found online e. May 6, 2024 · NestedScrollView widget in Flutter provides a flexible and powerful way to create complex scrolling effects in your app. Yes it's simple. I Have tried this solution earlier. 🔥 Preview # Try it online: https://flutter-nested-scroll-view-plus. do without ScrollController in NestedScrollView's body. Oct 11, 2021 · I am creating a Sliver scroll but I noticed that even when the body is small enough to fit into the screen, the body still scrolls under the NestedScrollView header. Source Code: https://github. body: SingleChildScrolView(. final RefreshController _refreshController = RefreshController(); Future<void> _onRefresh() async {. NestedScrollViewState. Steps to Reproduce Execute flutter run on the code sample Just scroll the view Expected results: Scroll should not work in this example Jun 9, 2019 · 众所周知, ScrollView 与 NestedScrollView 都是用来滑动的控件,但是 ScrollView 没有提供滑动监听的接口,需要我们自己去实现,而 NestedScrollView 提供了一个 setOnScrollChangeListener 方法用来监听我们的滑动事件,此接口一共有5个参数,作用如下:. Aug 25, 2022 · When trying to use the NestedScrollView with a ListView inside a different NestedScrollView Flutter throws a stack overflow error: Here's a minimal-ish code where it happens: runApp(const MyApp()); const MyApp({Key? key}) : super(key: key); @override. Improve this question. I added a NotificationListener<ScrollNotification> on top of the SingleChildScrollView, and listen for the ScrollStartNotification. Dec 27, 2023 · NestedScrollView: extended nested scroll view to fix following issues. I would like to hide the keyboard on scrolling a SingleChildScrollView with a focused TextFormField. EasyRefresh integrates various styles of Header and May 24, 2018 · In this tutorial, we take a look Tab and Scroll Controllers as well as the Nested Scroll View Widget. 9, on Microsoft Windows [版本 10. and this is my code: child: CupertinoScrollbar(. app. Flutter에서 NestedScrollView 하위로 TabBarView를 추가 개발하던 중 이상한 현상에 애를 먹었다. Now the scrolling flags should be: app:layout_scrollFlags="scroll|exitUntilCollapsed|enterAlways". I've created a flutter widget that consists of a few slivers that make up the app bar and tabs, and below that, I have the TabBarView. In my app i need complex scroll views. return <Widget>[. This means when I scroll the listview. Example for issue 2. The extended_nested_scroll_view package solves the problem of working with a NestedScrollView and a TabBar. Oct 20, 2022 · If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue. I want to prevent scrolling of nested CustomScrollView until SliverFillRemaining will fill all viewport (because of top-level CustomScrollView). Its function is very similar to Android's SmartRefreshLayout, and it also absorbs the advantages of many third-party libraries. Jun 24, 2020 · Flutter SliverAppbar in NestedScrollView header does not stretch and zoom like it would stretch in CustomScrollView 1 SliverPersistentHeader in CustomScrollView becomes under the other slivers when scrolling (shown in . As mentioned in the docs, the most common use case for NestedScrollView is a scrollable view with a flexible SliverAppBar containing a TabBar in the header - similar to your use case. // 1. . Sep 26, 2022 · Building the custom Flutter ScrollView; What exactly are Slivers? A sliver is a portion of a scrollable area that you can configure to behave differently. 위와 같이 다른 ScollView들이 같은 Scroll처럼 함께 동작하기 위해서 저는 Oct 13, 2020 · Flutter tabsView and NestedScrollView scroll issue. My Ideal experience is that the SliverAppBar Collapse but every item in the body stays underneath it and does not slide under. 종합 정리 Jan 18, 2023 · I am facing issues with NestedScrollView with multiple scrollable areas, specifically in TabBarView, while enabled Scrollbar either by explicitly wrapping in Scrollbar() widget or overriding ScrollBehavior. only(. Web demo for ExtendedNestedScrollView. AxisDirection isn't used to detect scrolling direction, it is used to return the Scrollable structure, in your case the NestedScrollView has scrollDirection = Axis. It does the scroll where it bounces to the top and doesn't let the user scroll all the way down. 9 on channel stable at D: Nov 8, 2020 · 2. May 3, 2021 · When there are relatively fewer items inside inner scrollers (like 20-30 items per tab), TabBarView tab change animations are fluid and no issues. ExtendedNestedScrollView. In the flutter, I use NestedScrollView, in the Body I use TabBarView. 3- Assuming your items have a fixed height, define height of the container as height of your widget and just multiply by your current index content or list length. Aug 17, 2020 · Steps to Reproduce Run min repro code. The most common use case for NestedScrollView is when you have an app bar followed by a Oct 28, 2023 · To access the inner or outer scroll controller of a NestedScrollViewPlus, you can use a GlobalKey<NestedScrollViewStatePlus> to get its state. Otherwise, use a CustomScrollView. link. Aug 24, 2020 · Source code : https://github. give the same scroll controller for all three views so when you scroll on a specific view all three will be scrolled. Use case Supporting multiple nested scroll views on a page. property. 0 Both Listviews scrolling simultaneously within NestedScrollView Jan 28, 2024 · An enhanced NestedScrollView with support for overscrolling for both the inner and outer scrollviews. Implementation. Ask Question Asked 5 years, 3 months ago. Constraints 12. For anyone circling back to this question, I have found a solution that works using the package pull_to_refresh. Basically, due to this problem, it's impossible to properly implement a correctly functioning TabView with TabBar within the DraggableScrollableSheet. of(context); // Use the innerScrollController to listen to the scrolling. void main () => runApp (App ()); class App extends Nov 10, 2020 · 这里有个需要注意的地方,那就是NestedScrollView的body必须构建一个Builder,使用NestedScrollView的context去创建SliverOverlapInjector。 下一节:Scroll组件之Scrollbar. headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {. child: SmartRefresher(. Oct 17, 2019 · 7. The body of the NestedScrollView is a widget with a CustomScrollView with a SliverList. 19042. Dec 14, 2022 · body of nestedscrollview overflowed - flutter. Ex: height: 90*_items. // scroll view thinks it has not been scrolled. For smooth animation I have used @Sharj answer which is In order to solve this issue, you should wrap Container with a Scrollable Widget like SingleChildScrollView which will scroll overflowing content and match parents size or available space. Flutter(82):Scroll组件之Scrollbar Flutter教学目录持续更新中 Github源代码持续更新中 Apr 12, 2022 · When I scroll the ListView. // If the "controller" property is set, then this scroll // view will not be associated with the NestedScrollView. // below to end up under the SliverAppBar even when the inner. 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 Apr 30, 2022 · I am having difficulty nesting a horizontal list view within a nested scroll view. Dec 3, 2019 · This meant scrolling these widgets using their respective controllers - PageViewController and ScrollController. // If the "controller" property is set, then this scroll. app Mar 23, 2019 · 32. NestedScrollView view 返回 Jan 31, 2022 · you can use NestedScrollView to achieve the same. g. Wrapping your NestedScrollView in a ClipRRect will clip the body content when overscrolled past the NestedScrollView boundaries (pinned header for example) like the following: ClipRRect(. Oct 12, 2021 · I need to use nestedScrollView on my page and my problem is children of the column do not scroll completely. If one of those Slivers hosted a TabBarView which scrolls in the opposite direction, then any list inside that TabBarView would not interact with the outer ScrollView . Now in the project, We will create a new folder named screens/home in which create a homepage. Apr 8, 2020 · builder: (BuildContext context) {. CustomScrollView只能组合Sliver,如果有子组件也是一个可滚动(通过SliverToBoxAdapter嵌入)且它们的滑动方向一致时便不能工作。为了解决这个问题,Flutter提供了NestedScrollView组件,它的功能是协调两个可滚动组件。 const NestedScrollView({ Feb 19, 2020 · SliverOverlapAbsorber(. inner scrollables in tabview sync issue. If I attach the ScrollController on the NestedScrollView Then it only tracks scroll position up to an offset of 80. eo uh vh vd br nh tr uv ku fs