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

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

需要将barPosition设置为BarPosition.End。

分享
微博
QQ
微信
回复
2天前
星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
微信
回复
2天前
相关问题