显示一些图像，一些图像不在React Native Android上

Question

我有一个奇怪的问题。

我正在创建一个React Native应用，但我在加载图片方面遇到了问题。

在IOS上，一切都很完美，但我在Android上遇到了问题。

在Android上只加载了一些图像，其余的图像都没有显示出来。我在控制台中没有任何错误，似乎一切正常，但图像没有显示。

图像是一个组成部分：

const items = [
    { image: require('./front-left.png'), file: frontLeft, item: 'front-left' },
    { image: require('./left.png'), file: left, item: 'left' },
    { image: require('./rear-left.png'), file: rearLeft, item: 'rear-left' },
    { image: require('./rear.png'), file: rear, item: 'rear' },
    { image: require('./rear-right.png'), file: rearRight, item: 'rear-right' },
    { image: require('./right.png'), file: right, item: 'right' },
    { image: require('./front-right.png'), file: frontRight, item: 'front-right' },
    { image: require('./top.png'), file: top, item: 'top' },
    { image: require('../common/front.png'), file: front, item: 'front' },
    { image: require('../common/inside.png'), file: inside, item: 'inside' },
    { image: require('../common/parts1.png'), file: parts1, item: 'parts1' },
    { image: require('../common/parts2.png'), file: parts2, item: 'parts2' },
    { image: require('../common/parts3.png'), file: parts3, item: 'parts3' },
    { image: require('../common/parts4.png'), file: parts4, item: 'parts4' },
    { image: require('../common/inside-dashboard.png'), file: insideDashboard, item: 'inside-dashboard' },
];

然后我按如下方式使用它们：

import * as Picture from '../../img/picture/berline/index';
const items = Picture.items;

..........

<Image contain='contain' source={items[this.props.index].image} style={{width: width/5 - 4, height: width/8 - 4, alignItems: 'flex-start', justifyContent:'space-between'}}>
    {this.noDamageIcon()}
    {this.damageIcon()}
</Image>


..........

它尝试创建apk并将其安装在我的设备上，但我遇到了同样的问题。

知道这是什么问题吗？

Answer 1

您可以尝试以下任一解决方案：

Image: resizeMethod="resize" 要么 FlatList: removeClippedSubviews={true}