有大佬遇到flutter与TabsController和scrollView滑动冲突问题吗?

flutter与TabsController和scrollView滑动冲突问题需要如何处理才能让滑动事件优先响应在flutter上

阅读 511
1 个回答

先确认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')) 
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
logo
HarmonyOS
子站问答
访问
宣传栏