React Native Android 本地镜像

Posted

技术标签:

【中文标题】React Native Android 本地镜像【英文标题】:React Native Android local image 【发布时间】:2015-12-29 09:19:44 【问题描述】:

我有这个

logo.png 添加到 android/app/src/main/res 文件夹的位置。

但是图像没有显示(我已经重新运行 react-native run-android)。

我需要做一些其他的改变吗?

请注意,使用 http://path/to/image/> 有效。

【问题讨论】:

facebook.github.io/react-native/docs/images.html#content 【参考方案1】:

图片文件需要放到res下相应的drawable-xxx文件夹中。

尝试将logo.png 放入android/app/src/main/res/drawable-hdpi,然后重新构建您的应用。

在 React Native 网站上有一些信息:https://facebook.github.io/react-native/docs/image.html#adding-static-resources-to-your-android-app

【讨论】:

【参考方案2】:

    添加图像后,您可能需要“硬重启”项目。只是重新加载 JS 可能不会显示图像。

    从 React Native 0.14 开始,您可以像需要 JS 文件一样需要图像。

    <Image source=require('./img/check.png') />
    

    您是否尝试为您的图像增加一些高度?

【讨论】:

非常感谢这里的#2。文档说图像的 URI“可以是 http 地址、本地文件路径或静态图像资源的名称”,但他们给出的唯一路径示例是 http 地址。我试图做 source='./img/image.png' 并且无法弄清楚为什么我的图片不会显示。 你有没有想过这个问题?

以上是关于React Native Android 本地镜像的主要内容,如果未能解决你的问题,请参考以下文章

如何将库的本地副本添加和编译到 Android React Native 模块中?

React Native Android Fetch 在连接到本地 API 时失败

React Native 使用啥来允许 JavaScript 在 iOS 和 Android 上本地执行?

react-native-webview Android 无法正确加载本地html文件(显示源代码)

Android上的react-native-webview无法使用ERR_ACCESS_DENIED加载保存在缓存目录中的本地文件[重复]

使用 react-native 创建本地推送通知