#鸿蒙通关秘籍#如何使用HarmonyOS中的Tabs组件实现底部导航?

HarmonyOS
2024-12-10 13:45:14
浏览
收藏 0
回答 2
待解决
回答 2
按赞同
/
按时间
第一小趴菜
Tabs({ barPosition: BarPosition.End }) {
  // TabContent的内容:首页、发现、推荐、我的
  ...
}

需要将barPosition设置为BarPosition.End。

分享
微博
QQ
微信
回复
2024-12-10 14:55:41
星H光IaaS

在HarmonyOS中,通过设置Tabs组件的barPosition属性为BarPosition.End,可以实现底部导航栏:

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

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

TabContent() { Text('发现的内容').fontSize(30) }.tabBar('发现')

TabContent() { Text('我的内容').fontSize(30) }.tabBar("我的") }

分享
微博
QQ
微信
回复
2024-12-10 15:29:10
相关问题
#鸿蒙通关秘籍#如何设置底部导航
289浏览 • 1回复 待解决