在 React Native Image 组件中加载本地图像

Posted

技术标签:

【中文标题】在 React Native Image 组件中加载本地图像【英文标题】:Loading local images in React Native Image component 【发布时间】:2015-12-24 10:24:15 【问题描述】:

我正在开发一个在 android 上使用 react native 的应用程序。我想在屏幕上放置一些图像组件并使用一些本地图像文件加载它们。有人可以提供我应该放置文件的目录(相对于项目的根目录)吗?文档似乎没有提供任何有用的信息。

【问题讨论】:

【参考方案1】:

从这里的例子:

https://facebook.github.io/react-native/docs/image.html#adding-static-resources-to-your-android-app

向您的 Android 应用添加静态资源 将您的图像添加为位图 可绘制到 android 项目 (/android/app/src/main/res)。 要为您的资产提供不同的分辨率,请使用 配置限定符。通常情况下,你会想要把你的资产 在以下目录中(如果没有,请在 res 下创建它们 存在):

drawable-mdpi (1x) drawable-hdpi (1.5x) drawable-xhdpi (2x) drawable-xxhdpi (3x)

如果您缺少资产的解决方案, Android 将采用次优的内容并为您调整大小。

注意:新资源需要构建应用程序 资源到您的drawables,您需要通过以下方式重新构建您的应用程序 在使用之前运行react-native run-android - 重新加载 JS是不够的。这个过程目前正在改进中, 不久将提供更好的工作流程。

【讨论】:

***.com/questions/33728163/… 你知道生成apk的正确方法吗?因为在那之后我无法渲染本地图像:( 很抱歉,我现在没有也没有时间研究它。也许在这里问一个新问题?祝你好运!

以上是关于在 React Native Image 组件中加载本地图像的主要内容,如果未能解决你的问题,请参考以下文章

react native image组件不显示图片问题

如何在 React-Native Fast-Image 组件 TypeScript 中不使用任何内容

RN 使用第三方组件之react-native-image-picker

react-native的常用组件及api

React-Native:borderRadius未正确应用于子组件(即Image),但该属性应用于touchableOpacity。

RN 使用第三方组件之react-native-image-picker(拍照/从相册获取图片)