相关问题
#鸿蒙通关秘籍#如何自定义鸿蒙Tabs组件的导航栏样式?
452浏览 • 1回复 待解决
#鸿蒙通关秘籍# 如何在Tabs组件中实现自定义导航栏样式?
350浏览 • 0回复 待解决
Tabs组件自定义导航栏UI问题
1001浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用HarmonyOS的Tabs组件创建滚动导航栏?
368浏览 • 1回复 待解决
#鸿蒙通关秘籍#在HarmonyOS NEXT中如何实现自定义Tabs导航栏?
611浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在使用自定义Tabs导航栏时切换至指定页签?
352浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何自定义Tabs中的导航栏以包含文字和图标?
305浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何通过BaseNavigation实现自定义导航栏
345浏览 • 1回复 待解决
如何自定义Tabs页签导航栏及其对齐方式
2836浏览 • 3回复 待解决
#鸿蒙通关秘籍#如何设置导航组件的工具栏并自定义其操作?
465浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何创建和使用自定义弹窗(CustomDialog)?
444浏览 • 1回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS NEXT中使用ArkTS创建自定义组件?
539浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中创建自定义组件?
386浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何创建和使用自定义对话框组件 TextDialog?
460浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙中使用Ark编程框架创建自定义组件?
424浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何自定义Navigation组件中的菜单栏?
383浏览 • 1回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS NEXT中使用自定义导航栏并实现页签切换联动?
262浏览 • 0回复 待解决
#鸿蒙通关秘籍#如何使用openCustomDialog在鸿蒙中创建自定义弹窗?
349浏览 • 1回复 待解决
#鸿蒙通关秘籍#Tabs组件中如何实现自定义页面切换动画?
528浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何自定义鸿蒙ArkUI中的Tabs组件标签样式?
451浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙 NEXT 中使用 @Builder 装饰器进行创建自定义组件?
401浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何自定义Swiper组件的导航点样式?
369浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何为自定义组件实现自定义布局?
315浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在自定义导航栏的情况下切换至指定页签?
359浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙开发中自定义Swiper组件导航点样式?
381浏览 • 1回复 待解决
定义一个自定义的函数用于生成导航栏样式,然后在Tabs中使用该自定义函数:
plaintext @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') } .width('100%') .height(50) .justifyContent(FlexAlign.Center) }
TabContent() { Column(){ Text('我的内容')
} .width('100%') .height('100%') .backgroundColor('#007DFF') } .tabBar(tabBuilder('我的', 0, $r('app.media.mine_selected'), $r('app.media.mine_normal')))