React Navigation怎么给TabNavigator设置tabbar背景图片?



  • 0_1504847347787_Snip20170908_20.png

    我需要做一个上图这样的tabbar,谁知道怎么设置后面的背景图片?
    我项目里现在用的是React Navigation,能做到么?
    谁知道麻烦指导下,谢谢🙏



  • 已解决。

    解决方案:

    1. 创建一个继承于TabBarBottom的组件CustomTabBar
    2. render方法前,把super.render返回的内容里插入一个Image组件。
    3. 把CustomTabBar设置到TabNavigator的tabBarComponent参数上

    代码:

    自定义TabBarBottom

    自定义TabBarBottom

    设置tabBarComponent

    设置tabBarComponent

    实现效果

    实现效果



  • 为什么我按照楼主这样写报错呢?
    0_1511499478810_image.png
    !0_1511499430825_image.png
    0_1511499454996_image.png


登录后回复