問題タブ [flutter-sliver]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

379 問題

0 投票する

1 に答える

2106 参照

flutter - ネストされたスクロールバーの問題: NestedScrollView、SliverAppBar、SliverPersistentHeader、TabBarView、および PageView

この問題はしばらくの間私を悩ませてきました。無数の Web ページを読んでも、まだ解決できません。多分あなたは助けることができる!

私は次のシナリオを得ました：

Flutter アプリには、PageViewわずか 3 ページのがあります。

最初のページには単純なGridView(垂直スクロール) があり、ネストされたスクロールに問題はありません。

3 ページ目はシンプルなListView項目リストで、スクロールしても問題ありません。

2 番目のページにはがあり、その:とNestedScrollViewの 2 つのウィジェットがあります。ここには派手なものはありません。headerSliverBuilderSliverAppBarSliverPersistentHeader

の本文には、 3 つのタブを含むがNestedScrollView含まれており、水平方向のスワイプ (このページを含むTabBarViewと同じスワイプ方向) を使用してそれらの間をスワイプすることができます。PageView

本文は、スクロールの問題が発生する場所です。

3 つのタブ間をスワイプするのは魅力的です。ただし、現在のタブが最初で、さらに左にスワイプしようとすると (指の動きは左から右)、最初のページ (に属するPageView) は表示されません。逆に、現在のタブが 3 番目で、さらに右にスワイプしようとすると (指の動きは右から左へ)、何も起こりません。

2 ページ目に含まれるヘッダーで同じ指の動きをすると、ページは正常に (1 ページ目または 3 ページ目のいずれかに) めくれます。

2 ページ目のコードは次のとおりです。タブが端に到達したときに、内部のスワイプモーションTabBarViewがコンテナに反映されない理由を知りたいです。

補助クラス:

これを修正する方法はありますか？ありがとう！