我想在ReactNative应用程序中显示来自res / drawable文件夹的静态图像。 但是,没有任何内容显示。
我在android子文件夹中有以下文件夹结构:
macbook:CompanyApp hagen$ tree android/app/src/main/res/
android/app/src/main/res/
├── drawable
│ ├── a1456.jpg
│ └── a1457.jpg
├── mipmap-hdpi
│ └── ic_launcher.png
├── mipmap-mdpi
│ └── ic_launcher.png
├── mipmap-xhdpi
│ └── ic_launcher.png
├── mipmap-xxhdpi
│ └── ic_launcher.png
└── values
├── strings.xml
└── styles.xml
6 directories, 8 files
如文档所述,我尝试使用以下代码从drawable文件夹加载图像文件:
<Image source={{uri: 'a1456'}} style={{width: 140, height: 140}} />
我也尝试了包含扩展名的文件名:
<Image source={{uri: 'a1456.jpg'}} style={{width: 140, height: 140}} />
还有:
<Image source={require('image!a1456')} style={{width: 140, height: 140, backgroundColor: 'yellow'}} />
我尝试了子文件夹:
<Image source={{uri: 'drawable/a1456.jpg'}} style={{width: 140, height: 140}} />
不会显示任何图像。 例如,在我的当前文件夹中使用图像源内的require语句可以正常工作。
但是我正在寻找一种解决方案,以便像在真正的本机Android应用程序中一样使用可绘制图像。
更新
我刚刚在github上发布了一个示例项目:https://github.com/itinance/testdrawable
这是一个标准的RN-App,使用“react-native init”创建,并仅添加了一个要在drawable文件夹(仅限Android)中显示的图像。
有人能看一下并告诉我我做错了什么吗?
<Image width={200} height={267} source={require('image!img_3665')} style={{width: 200, height: 267}} />
我从程序包管理器中得到了500错误,说找不到模块 image!img_3665 - Anil Sharma