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

HarmonyOS
2025-01-09 16:10:56
浏览
收藏 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
微信
回复
2025-01-09 17:36:54
相关问题
页面和列表嵌套滚动,实现列表
2695浏览 • 1回复 待解决
HarmonyOS 如何实现交互实现-
1196浏览 • 1回复 待解决
如何实现分组列表的/底效果
3278浏览 • 1回复 待解决
HarmonyOS 折叠
666浏览 • 1回复 待解决
HarmonyOS 渐变标题栏加分类栏实现
1025浏览 • 1回复 待解决
HarmonyOS 嵌套滑动NestedScroll 指定offset
1056浏览 • 1回复 待解决
HarmonyOS Tabs嵌套使用问题
818浏览 • 1回复 待解决
tabs结合scroll实现顶效果
3004浏览 • 1回复 待解决
如何实现Tabs组件tarbar的顶效果
2503浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套Tabs组件问题
2066浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套滑动
1396浏览 • 1回复 待解决
HarmonyOS Tabs嵌套Grid问题
916浏览 • 1回复 待解决
HarmonyOS ListItem嵌套Tabs显示不全
930浏览 • 1回复 待解决