我刚开始摆弄 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/