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
相关问题
页面和列表嵌套滚动,实现列表
1721浏览 • 1回复 待解决
HarmonyOS 如何实现交互实现-
675浏览 • 1回复 待解决
如何实现分组列表的/底效果
2506浏览 • 1回复 待解决
HarmonyOS 折叠
236浏览 • 1回复 待解决
HarmonyOS 嵌套滑动NestedScroll 指定offset
641浏览 • 1回复 待解决
tabs结合scroll实现顶效果
1892浏览 • 1回复 待解决
HarmonyOS Tabs嵌套使用问题
319浏览 • 1回复 待解决
如何实现Tabs组件tarbar的顶效果
1672浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套Tabs组件问题
1209浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套滑动
795浏览 • 1回复 待解决
HarmonyOS Tabs嵌套Grid问题
408浏览 • 1回复 待解决
HarmonyOS ListItem嵌套Tabs显示不全
231浏览 • 1回复 待解决