[分享] 关于 React Native 使用 Xcode 图片资源编译错误 Unable to resolve module image!nav from xxx

周末两天在家折腾 React Native 碰到的问题,被坑了很久。。。

问题还原:
首页在 XcodeImages.xcassets 里面明确的有这个图片。
React Native 导航的调用也没问题:

<TabBarIOS.Item
    title="列表"
    icon={require('image!nav')}
    onPress={() => {
    this.setState({
        selectedTab: 'homeTab'
    });
}}
>
</TabBarIOS.Item>

但是编译运行就报错: Unable to resolve module image!nav from xxx, 如果不编译,只是在模拟机里面 reload 也是一样的提示。

最后发现其实只要在 Xcode 里面添加图片资源,然后编译,运行,再在 React Native 代码里面调用,就不会再出错,而且下次编译也不会出错。

标签: ios, react, react-native, xcode

已有 3 条评论

  1. mlw mlw

    你好,我试了一下你这个方法,还是没有解决!请问是不是 ES6方法变了

    1. hi hi

      你好,我也遇上和你一样的问题!总是找不着,报错!

      1. guotong guotong

        我也遇到相同的问题

添加新评论