[分享] 关于 React Native 使用 Xcode 图片资源编译错误 Unable to resolve module image!nav from xxx
周末两天在家折腾 React Native
碰到的问题,被坑了很久。。。
问题还原:
首页在 Xcode
下 Images.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
代码里面调用,就不会再出错,而且下次编译也不会出错。