先确认Flutter组件是否支持嵌套滚动配置,1、如果支持则直接使用该组件的嵌套滚动配置。2、如果不支持,建议使用scroll封装flutter组件,并设置成内容自适应。然后通过nestedScroll配置嵌套滚动优先级3、建议优化UI设计,不要出现tab滑动方向与子组件滑动方向一致的情况样例代码如下:Tabs({ barPosition: BarPosition.Start, index: this.currentIndex, controller: this.controller }) { TabContent() { Scroll(){ Text("AAAAAAAAAAAAAAAAAAA") }.height('100%').scrollable(ScrollDirection.Horizontal) .nestedScroll({scrollForward:NestedScrollMode.SELF_FIRST,scrollBackward:NestedScrollMode.SELF_FIRST}) }.tabBar(this.tabBuilder(1, 'blue')) TabContent() { Column().width('100%').height('100%').backgroundColor('#FFBF00') }.tabBar(this.tabBuilder(2, 'yellow')) TabContent() { Column().width('100%').height('100%').backgroundColor('#E67C92') }.tabBar(this.tabBuilder(3, 'pink')) }
先确认Flutter组件是否支持嵌套滚动配置,
1、如果支持则直接使用该组件的嵌套滚动配置。
2、如果不支持,建议使用scroll封装flutter组件,并设置成内容自适应。然后通过nestedScroll配置嵌套滚动优先级
3、建议优化UI设计,不要出现tab滑动方向与子组件滑动方向一致的情况
样例代码如下: