#鸿蒙通关秘籍#如何在HarmonyOS NEXT应用中实现顶部导航布局?

HarmonyOS
2024-11-29 14:25:49
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
SaaS古意盎然

在HarmonyOS NEXT中可以使用Tabs组件实现顶部导航布局。通过设置barPosition: BarPosition.Start可以将TabBar放置在顶部,页签栏和内容页可以按照需要进行扩展:

Tabs({ barPosition: BarPosition.Start }) { 
  TabContent() {
    Text('首页的内容').fontSize(30)
  }
  .tabBar('首页')

  TabContent() {
    Text('推荐的内容').fontSize(30)
  }
  .tabBar('推荐')

  TabContent() {
    Text('发现的内容').fontSize(30)
  }
  .tabBar('发现')
  
  TabContent() {
    Text('我的内容').fontSize(30)
  }
  .tabBar("我的")
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
分享
微博
QQ
微信
回复
2024-11-29 17:10:21


相关问题