HarmonyOS Tabs组件bar背景设置问题

附件中红色区域如果想设置自定义背景,如何实现?

HarmonyOS Tabs组件bar背景设置问题-鸿蒙开发者社区

HarmonyOS
2024-10-17 09:59:46
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

可以实现自定义图片,自定义下重叠布局就行。Column主容器, Stack背景图和导航重叠布局,Image背景图,Row水平导航栏,BottombarItem自定义函数导航按钮类似。

struct MyPage{  
 build(){  
    Column(){  
     this.BottomBar()  
   }   
   .height("100%")  
  .width("100%)  
}  
  BottomBar() {  
  Stack() {  
  //背景图  
   Image("自定义图片" )  .height("100%")  
    .width("100%)  
  
  //导航按钮  
  Row(){  
  this.bottombarItem(首页)  
  this.bottombarItem(我的)  
  }  
   .height(45)  
   .width("100%)  
   .alifnItem(FlexAlign.center)自己设置布局  
  }  
    bottombarItem(text:String){  
  //设置按钮布局  
 }
分享
微博
QQ
微信
回复
2024-10-17 15:50:36
相关问题
HarmonyOS Tabsbar 怎么设置对齐左边
3499浏览 • 1回复 待解决
HarmonyOS Tabs怎么隐藏bar
1330浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套Tabs组件问题
2066浏览 • 1回复 待解决
HarmonyOS Tabs组件组件问题
1760浏览 • 1回复 待解决
HarmonyOS Tabs组件宽度问题
797浏览 • 1回复 待解决
HarmonyOS 组件/容器设置背景样式
1582浏览 • 1回复 待解决
XComponent组件如何设置背景颜色
3300浏览 • 1回复 待解决
HarmonyOS 图片背景及边框圆角设置问题
2736浏览 • 1回复 待解决
HarmonyOS Tabs组件的tabBar宽度问题
1658浏览 • 1回复 待解决
HarmonyOS 关于Tabs组件的TabContent问题
938浏览 • 1回复 待解决
Tabs组件懒加载的问题
3173浏览 • 1回复 待解决
Tabs组件TabContent滑到边缘问题
1301浏览 • 1回复 待解决
HarmonyOS Select组件背景色如何设置
876浏览 • 1回复 待解决
HarmonyOS RN Bottom-tabs组件返回问题
953浏览 • 1回复 待解决