【问题标题】:React Native Android Static Local ImageReact Native Android 静态本地图片
【发布时间】:2015-11-18 11:22:56
【问题描述】:

我的本​​地图片有问题。我的 react 原生版本是 0.14.2

我的存储库应用中有一个 index.android.js 文件,其中包含以下代码:

<Image source={require('./house.png')} style={styles.image}/>

如果我将图像放入 App 和 App/assets 中,它会起作用。如果我只是将我的图像放在 App 中,它就不起作用。

然后,我想这样写我的代码:

<Image source={require('./img/house.png')} style={styles.image}/>

但是,如果我把我的图像放在 App/img 中,它就不起作用。即使我在 App/assets/img 中添加我的图像,它也不起作用。

【问题讨论】:

  • 我试图回答,但我没有足够的数据。您可以在尝试加载这些图像时发布一些日志(打包程序日志和 adb logcat)吗?

标签: react-native


【解决方案1】:

图像是相对于您的 .js 文件加载的。所以如果你有

require('./img/image.png')

App/index.android.js中,图片应该放在App/img/image.png中。

没有特殊的assets/ 文件夹。

【讨论】:

  • 这是问题所在。当我将 image.png 放入 App/img/image.png 时,它不起作用。我的页面上有一个白色的地方,位于我的图片位置。
  • 查看我对这个问题的评论:请提供一些日志。另外,您的styles.image 中有什么内容?
  • var styles = StyleSheet.create({ image: { width: 217, height: 138, }, });
  • 我对 adb logcat 的日志没有兴趣。刷新时我的打包程序日志:[3:04:58 PM] request:/index.android.bundle?platform=android&dev=true [3:04:58 PM] request:/index.android。 bundle?platform=android&dev=true (31ms) ::ffff:127.0.0.1 - - [18/Nov/2015:14:04:59 +0000] "GET /flow/ HTTP/1.1" 404 18 "-" "okhttp /2.4.0"
  • 我看不出有什么问题。如果您创建一个新应用程序(使用react-native init),这是否会重现?
猜你喜欢
  • 1970-01-01
  • 2018-08-21
  • 2021-05-20
  • 2015-11-03
  • 2020-08-10
  • 2015-12-17
  • 1970-01-01
  • 2018-04-20
  • 2017-12-08
相关资源
最近更新 更多