是否有人成功使用本地图像为Android做出原生反应？

Question

我正在使用反应原生0.14.2.我在github上问过这个问题,但是回购太多了.希望我能在这里找到答案.

所以这是项目结构:

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} />

与localhost一起运行时,上面的代码工作正常react-native start.但是捆绑后将本机资源反应到apk中它不起作用:

react-native bundle --platform android -dev false --entry-file index.android.js \
--bundle-output app/src/main/assets/index.android.bundle \
--assets-dest app/src/main/res/

这是输出:

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

这是生成反应原生的apk的正确方法吗？请排除故障.谢谢!

Answer 1

您可能想访问https://facebook.github.io/react-native/docs/image.html#adding-static-resources-to-your-android-app进行查询，基本上您设置的代码如下 <Image source={require('./ res/check.png')} />使用 JS 文件并将图像放入可绘制文件夹中，例如check.png in android/app/src/main/res/drawable-hdpi