2016年1月

[分享] 关于 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 代码里面调用,就不会再出错,而且下次编译也不会出错。