#鸿蒙通关秘籍#如何在Tabs组件中实现侧边导航？

HarmonyOS

墨s倾城UEFI

2天前

浏览

回答 2

待解决

回答 2

按赞同

按时间

第一小趴菜

Tabs({ barPosition: BarPosition.Start }) {

  // TabContent的内容:首页、发现、推荐、我的

  ...

}

.vertical(true)

.barWidth(100)

.barHeight(200)

实现侧边导航栏需要将Tabs的vertical属性设置为true，vertical默认值为false，表明内容页和导航栏垂直方向排列。

2天前

墨雨菲菲

使用vertical(true)属性并设置导航栏宽高即可在Tabs组件中实现侧边导航：

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

TabContent() { Text('发现页面').fontSize(30) }.tabBar('发现')

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

TabContent() { Text('用户信息').fontSize(30) }.tabBar("我的") } .vertical(true) .barWidth(100) .barHeight(200)

2天前

如何写精华回答，获更多曝光？

发布

83浏览 • 0回复待解决

#鸿蒙通关秘籍#在侧边导航中如何设置Tabs的vertical属性？

76浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在HarmonyOS NEXT中通过Tabs组件实现底部TabBar导航？

120浏览 • 1回复待解决

#鸿蒙通关秘籍# 如何在Tabs组件中实现自定义导航栏样式？

81浏览 • 0回复待解决

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

53浏览 • 2回复待解决

#鸿蒙通关秘籍#如何在鸿蒙中实现Tabs组件的基本布局？

54浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在Tabs组件中实现分割线样式？

78浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙导航组件中实现跨包动态路由？

69浏览 • 1回复待解决

#鸿蒙通关秘籍#在Tabs选项卡中如何实现顶部导航？

55浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在ArkUI中实现Tabs组件页面切换监听？

21浏览 • 1回复待解决

#鸿蒙通关秘籍#如何设置鸿蒙Tabs组件的底部导航？

54浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在HarmonyOS Next中实现基本的Tabs组件布局？

82浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙中实现固定导航栏？

49浏览 • 1回复待解决

#鸿蒙通关秘籍# 如何在HarmonyOS中限制Tabs导航栏的滑动切换？

79浏览 • 0回复待解决

#鸿蒙通关秘籍#如何在HarmonyOS NEXT中实现Tabs组件的滑动切换？

120浏览 • 1回复待解决

#鸿蒙通关秘籍#想在Tabs中的导航栏禁用滑动，怎么实现？

47浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在Tabs组件中控制TabBar位置？

87浏览 • 1回复待解决

#鸿蒙通关秘籍#在HarmonyOS NEXT中如何实现自定义Tabs导航栏？

139浏览 • 1回复待解决

#鸿蒙通关秘籍#如何使用HarmonyOS的Tabs组件创建滚动导航栏？

117浏览 • 1回复待解决

#鸿蒙通关秘籍#如何自定义鸿蒙Tabs组件的导航栏样式？

48浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在HarmonyOS NEXT项目中利用Tabs实现高效的底部导航栏？

195浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙中使用Navigation组件实现页面内导航？

102浏览 • 1回复待解决

#鸿蒙通关秘籍#如何实现Tabs组件中TabContent的动画效果？

70浏览 • 1回复待解决

#鸿蒙通关秘籍#如何使用Tabs组件创建自定义导航栏？

61浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙中限制Tabs组件的滑动切换？

49浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

#鸿蒙通关秘籍#如何在Tabs组件中实现侧边导航？

订阅鸿蒙技术特刊，精选内容抢先看