在 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 Fast-Image 组件 TypeScript 中不使用任何内容
RN 使用第三方组件之react-native-image-picker
React-Native:borderRadius未正确应用于子组件(即Image),但该属性应用于touchableOpacity。