鸿蒙开发之ArkUI 界面篇 三十四 容器组件Tabs 自定义TabBar

如果需要修改Tabs的图标和文字之间的距离我们该怎么办呢?好在tabBar是联合类型,提供了自定义tabBar,这里就可以显示特殊图标或者是文字图片,如下图:

这里定义了myBuilder的函数,用了 来修饰,没有返回值,有两个参数一个是string,用于传递标题,一个是ResourceStr,用于传递icon,函数里面是Colum,封装了Text和Image,tabBar参数中调用这个函数即可,代码如下:

总结:鸿蒙Tabs控件的tabBar参数是联合类型,除了传字符串、icon地址外还可以自定义

tabbar,这个自定义的tabBar灵活,能够实现市面上主流app的tabs功能

相关推荐
codes234577891 个月前
鸿蒙开发之ArkUI 界面篇 三十六 抖音极速版底部tabs
鸿蒙抖音tab效果·鸿蒙tabs实战·鸿蒙自定tabbar·鸿蒙小米优品导航·鸿蒙builder实战·鸿蒙tabbar高级功能·鸿蒙tabsbar高亮