React native 在react native for Android和iOS中的何处存储图像?

React native 在react native for Android和iOS中的何处存储图像?,react-native,React Native,我对react native还不熟悉,希望在Android和iOS上构建一个小型测试应用程序 我在index.ios.js和index.android.js文件旁边创建了一个图像目录 下面的代码生成一个红屏错误,显示“无法解析模块。/images/tree.png…无效目录…”: “严格使用”; var React=require('React-native'); 变量{ 评估学, 样式表, 文本, 看法 形象,, }=反应; var TestApp=React.createClass({ re

我对react native还不熟悉,希望在Android和iOS上构建一个小型测试应用程序

我在index.ios.js和index.android.js文件旁边创建了一个图像目录

下面的代码生成一个红屏错误,显示“无法解析模块。/images/tree.png…无效目录…”:

“严格使用”;
var React=require('React-native');
变量{
评估学,
样式表,
文本,
看法
形象,,
}=反应;
var TestApp=React.createClass({
render:function(){
返回(
测试应用程序
/>
);
},
});
var styles=StyleSheet.create({
缩略图:{
宽度:100,
身高:100,
},
});
AppRegistry.registerComponent('TestApp',()=>TestApp);

我应该将图像放在哪里以及如何引用它们?

假设
图像
目录与
索引。*.js文件位于同一位置,那么您的代码看起来是正确的

你有什么版本的React Native?从文档页面:

可用的反应本机0.14+。如果您已使用 0.13或更低版本,请阅读以下内容。新的资产系统依赖于Xcode和Gradle的构建挂钩,这些挂钩包含在使用生成的新项目中 反应本机初始化。如果您在此之前生成了项目,您将 必须手动将它们添加到项目中才能使用新的图像资源 系统。有关如何执行此操作的说明,请参阅

如果要验证react本机版本,最简单的方法是从项目目录运行以下
npm
命令:

npm ls react-native
当前版本为0.15.0

确保在更新包后不要忘记运行
react native upgrade
,因为这是将新资产系统的构建挂钩添加到现有项目所必需的。如果您以前没有更新react本机版本,这可能会解释您遇到的问题


如果您碰巧使用Windows进行开发,请参阅my,以了解有关如何使用Windows上的新资产系统解决bug的详细信息

根据
解析图像名称的方法与解析JS模块的方法相同。在上面的示例中,打包程序将在与所需组件相同的文件夹中查找my-icon.png。
在不知道文件夹结构的情况下,听起来您的文件夹与js文件位于同一位置。您是否阅读了以前RN版本的升级?有一些构建系统钩子可能会有所帮助。升级我的RN版本就成功了。谢谢你的回复。看起来这只是更新我版本的一个例子。是的,images目录与index.*.js文件位于同一位置。非常感谢。
npm ls react-native