有人在react native for Android中成功使用本地映像吗?

有人在react native for Android中成功使用本地映像吗?,android,image,react-native,Android,Image,React Native,我使用的是react native 0.14.2。我问了这个问题,但回购协议被太多的问题压倒了。希望我能在这里找到答案 项目结构如下: android-project +---app | \---src | \---main | \---assets | \---java | \---res +---reactnative | \---assets | \---image@1x.png | \

我使用的是react native 0.14.2。我问了这个问题,但回购协议被太多的问题压倒了。希望我能在这里找到答案

项目结构如下:

android-project
+---app
|   \---src
|       \---main
|           \---assets
|           \---java
|           \---res
+---reactnative
|   \---assets
|       \---image@1x.png
|       \---image@2x.png
|       \---image@3x.png
----index.android.js
以下是显示图像的代码:

<Image
    source={require('./reactnative/assets/image.png')}
    resizeMode='contain'
    style={styles.image} />
以下是输出:

android-project
+---app
|   \---src
|       \---main
|           \---assets
|               \---index.android.bundle
|           \---java
|           \---res
|               \---drawable-xxxhdpi
|                   \---reactnative_assets_image1.png
|               \---drawable-xxhdpi
|                   \---reactnative_assets_image1.png
|               \---drawable-xhdpi
|                   \---reactnative_assets_image1.png
|               \---drawable-mdpi
|                   \---reactnative_assets_image1.png

使用react native生成apk是否正确?请排除故障。谢谢

您可能想查看您的查询,基本上您可以像


使用JS文件并将图像放在可绘制文件夹中,例如android/app/src/main/res/drawable hdpi中的
check.png

在标准JS中使用
require()
时,给定的路径是相对的,因此任何给定的路径都需要与需要它们的文件相对。最好的方法是不要将它们放在“android”和“ios”目录中,而是将它们与应用程序JS代码分开,并将图像存储在其中,这样路径就会短得多,并且每个操作系统的路径也不会有所不同。

您是否遵循了此处的升级说明:您在Windows上吗?新的资产体系似乎破坏了一些东西。如果是这样的话,您可能需要检查一个解决方案。@DaveSibiski我从0.14.2开始直接针对一个现有项目,所以我认为我不需要升级任何东西。@Almouro我在使用MacOShave您解决了这个问题吗?您可以再次检查我的问题。我可以使用localhost运行这个应用程序。但是在生成资产并绑定js文件后,我看不到任何图像。
android-project
+---app
|   \---src
|       \---main
|           \---assets
|               \---index.android.bundle
|           \---java
|           \---res
|               \---drawable-xxxhdpi
|                   \---reactnative_assets_image1.png
|               \---drawable-xxhdpi
|                   \---reactnative_assets_image1.png
|               \---drawable-xhdpi
|                   \---reactnative_assets_image1.png
|               \---drawable-mdpi
|                   \---reactnative_assets_image1.png