有人在react native for Android中成功使用本地映像吗?
我使用的是react native 0.14.2。我问了这个问题,但回购协议被太多的问题压倒了。希望我能在这里找到答案 项目结构如下:有人在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 | \
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