鸿蒙开发的 ArkUI 界面第 34 章 容器组件 Tabs 自定义 TabBar

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

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

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

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