ios - React-Native,从相对路径加载图像时出错

标签 ios reactjs react-native

我刚开始摆弄 React-Native,却被图像组件挂断了。

我正在尝试从相对路径加载图像。 https://github.com/JoeTheDave/LuLaFlow/blob/master/client/Application/Components/LuLaFlow.js

<Image style={styles.logo} source={require('../Content/Images/LulaRoe.jpg')} />

但是我收到一个构建错误,指出生成的图像路径是一个无效目录。

有人可以看一下我的 github 项目并指出我做错了什么吗?

谢谢

最佳答案

您的路径正确,但图像名称中有一个小错字。打包服务器区分大小写,因此 LulaRoe.jpg 需要是 LuLaRoe.jpg。

快速调试 Assets 问题的一个有用技术是尝试使用 http://localhost:8081assets/[FullAssetPath] 从浏览器获取 Assets 。

在您的情况下,在运行打包程序的情况下,导航到此链接,您会看到一个错误,因此您知道您的路径有问题:

:http://localhost:8081/assets/Application/Content/Images/LulaRoe.jpg

导航到这个,您现在应该会在浏览器中看到您的图像:

:http://localhost:8081/assets/Application/Content/Images/LuLaRoe.jpg

关于ios - React-Native,从相对路径加载图像时出错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34247998/

相关文章:

reactjs - 如何设置 jsfiddle 以进行 react

javascript - 如何在 redux 中调度函数?

react-native - React Navigation 将参数传递给嵌套的 stackNavigator

react-native - 意外使用保留字 'import React-native

iphone - UIwindow 上的 UIimageView 上的触摸事件

ios - 我可以使用 Segue 从 WKWebView 访问特定 View 吗?

iphone - 仅发送到设备上已释放实例的消息

ios - WKWebView:尝试从主线程同步查询javascript

reactjs - 无法读取React中未定义的属性 'map'

javascript - React-native Redux 组件不会在状态更改时使用 bool 值重新渲染