HarmonyOS Tabs嵌套 后 使用 nestedScroll 无法实现吸顶

HarmonyOS
3天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

可以参考这个demo:

@Entry
@Component
struct TabContentTest {
  @State nestedScrollOptions: NestedScrollOptions = {
    scrollForward: NestedScrollMode.PARENT_FIRST,
    scrollBackward: NestedScrollMode.SELF_FIRST
  }

  build() {
    Scroll() {
      Column(){
        Column(){Text("外层Scroll里的内容").fontSize(50).fontColor(Color.White)}.width("100%").height("300").backgroundColor(Color.Black)
        Column(){
          Tabs(){
            TabContent(){
              List(){
                ListItem(){
                  Column(){Text("Tab页ListItem1").fontSize(50)}.width("100%").height(1000).backgroundColor(Color.Red)
                }
                ListItem(){
                  Column(){Text("Tab页ListItem2").fontSize(50)}.width("100%").height(1000).backgroundColor(Color.Yellow)
                }
                ListItem(){
                  Column(){Text("Tab页ListItem3").fontSize(50)}.width("100%").height(1000).backgroundColor(Color.Green)
                }
              }
              .edgeEffect(EdgeEffect.Spring)
              .nestedScroll(this.nestedScrollOptions)
            }
            .tabBar('tabBar')
          }
          .barHeight(50)
          .width("100%")
        }.height('100%')
      }
      .width('90%')
    }
    .edgeEffect(EdgeEffect.None)
    .width("100%").height("100%")
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
页面和列表嵌套滚动,实现列表
1484浏览 • 1回复 待解决
HarmonyOS 如何实现交互实现-
593浏览 • 1回复 待解决
如何实现分组列表的/底效果
2349浏览 • 1回复 待解决
HarmonyOS 折叠
117浏览 • 1回复 待解决
HarmonyOS 嵌套滑动NestedScroll 指定offset
532浏览 • 1回复 待解决
tabs结合scroll实现顶效果
1695浏览 • 1回复 待解决
HarmonyOS Tabs嵌套使用问题
143浏览 • 1回复 待解决
如何实现Tabs组件tarbar的顶效果
1387浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套Tabs组件问题
963浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套滑动
630浏览 • 1回复 待解决
HarmonyOS Tabs嵌套Grid问题
197浏览 • 1回复 待解决
HarmonyOS ListItem嵌套Tabs显示不全
112浏览 • 1回复 待解决