相关问题
#鸿蒙通关秘籍# 如何在Tabs组件中实现自定义导航栏样式？
1066浏览 • 0回复 待解决
#鸿蒙通关秘籍#如何使用Tabs组件创建自定义导航栏？
1419浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何自定义鸿蒙ArkUI中的Tabs组件标签样式？
1378浏览 • 1回复 待解决
#鸿蒙通关秘籍#在HarmonyOS NEXT中如何实现自定义Tabs导航栏？
1788浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何自定义Swiper组件的导航点样式？
1530浏览 • 1回复 待解决
Tabs组件自定义导航栏UI问题
1832浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何自定义Tabs中的导航栏以包含文字和图标？
951浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何通过BaseNavigation实现自定义导航栏
1109浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何自定义Toggle组件的样式？
1181浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙开发中自定义Swiper组件导航点样式？
1339浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在使用自定义Tabs导航栏时切换至指定页签？
1214浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何设置导航组件的工具栏并自定义其操作？
1605浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何自定义鸿蒙动画样式？
1157浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何自定义按钮的样式？
1214浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用HarmonyOS的Tabs组件创建滚动导航栏？
1304浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何自定义Toggle的选中样式？
957浏览 • 1回复 待解决
如何自定义Tabs页签导航栏及其对齐方式
4148浏览 • 3回复 待解决
如何自定义Video组件控制栏样式
4071浏览 • 1回复 待解决
#鸿蒙通关秘籍#HarmonyOS Next 下拉刷新组件如何自定义样式？
1021浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙OS中对绘制组件自定义样式？
1102浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何自定义Navigation组件中的菜单栏？
1282浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何为Toggle设置自定义样式？
1425浏览 • 1回复 待解决
鸿蒙组件toast自定义样式
10284浏览 • 1回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS中自定义底部标签栏的样式和布局？
753浏览 • 0回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙中实现自定义菜单样式？
1712浏览 • 1回复 待解决
通过使用tabBar的CustomBuilder参数可以自定义导航栏样式。自定义函数组件里可以传入自定义的图标和标签样式，并利用currentIndex来决定UI显示样式。
javascript @Builder tabBuilder(title: string, targetIndex: number, selectedImg: Resource, normalImg: Resource) { Column() { Image(this.currentIndex === targetIndex ? selectedImg : normalImg) .size({ width: 25, height: 25 }) Text(title) .fontColor(this.currentIndex === targetIndex ? '#1698CE' : '#6B6B6B') } }
TabContent() { Column(){ Text('我的内容')
} .tabBar(this.tabBuilder('我的', 0, $r('app.media.mine_selected'), $r('app.media.mine_normal'))) }