底部导航栏 Tabbar

    自定义 tabBar 可以让开发者更加灵活地设置 tabBar 样式，以满足更多个性化的场景。本组件提供封装好的接口方便使用，同时满足了一些微信原生完成不了的特殊样式。

    注意事项

    • 因为微信当前的自定义tabbar模式，存在一些体验和开发上的不友好，所以这种用法，暂时不支持。等待微信完善后，会考虑加上。

    常规的使用方法与Lin UI其他的组件一样，这里不做赘述，但是需要耐心阅读本文，参照下面的底部菜单栏属性列表去配置。

    基本案例

    底部导航栏 Tabbar - 图2

    设置尺寸和背景色

    lin-ui的自定义tabbar可以通过backgroundColor和 iconSize设置背景色和icon的大小。

    TabBar的当前tab项可以只设置图片的路径和 iconSize，这样我们可以做到更定制化的效果。

    顶部带半圆的TabBar

    lin-ui的自定义tabbar的list可以生成不同的tab项，每一项里都有对应的属性来设置更具特色的tab项，当设置 style为时。当前tab项的顶部出现半圆。

    底部导航栏 Tabbar - 图5

    带背景图片的TabBar

    当一些重要节日到来，需要我们在tabbar上面做一些更绚丽的效果时，我们可以通过backgroundImg来设置自定义TabBar的背景图片，更加充满节日气息。

    注意事项

    • 1，backgroundImg的权重大于backgroundColor，当设置背景图片后，背景色便不生效了。

    底部菜单栏事件 (TabBar Events）

    list属性（List Attributes）