出现更多元素后，React VR Image Border消失

Question

我有一个带有以下标记的视图。奇怪的是，如果我在模块中包含多个这样的视图，一些边框就会消失。对我来说更奇怪的是页面加载时边框都在那里，但是一旦所有图像完成加载，我就会丢失一些边框。有没有人知道为什么在添加更多Image标签时我可能会丢失边框？我附上了一张我在下面看到的照片。

      <View style={{
        flex: 1,
        flexDirection: 'row'
      }}>
        <Image source={asset('kw1.jpg')}
               style={{
                borderWidth: 0.1,
                borderColor: 'red',
                width: 1,
                height: 1,
                transform: [{translate: [0, 0, -3]}, {rotateY: 30}]
               }}
        />

        <Image source={asset('kw2.jpg')}
               style={{
                borderWidth: 0.1,
                borderColor: 'red',
                width: 1,
                height: 1,
                transform: [{translate: [0, 0, -3]}, {rotateY: 0}]
               }}
        />

        <Image source={asset('kw3.jpg')}
               style={{
                borderWidth: 0.1,
                borderColor: 'red',
                width: 1,
                height: 1,
                transform: [{translate: [0, 0, -3]}, {rotateY: -30}]
               }}
        />

        <Image source={asset('kw4.jpg')}
               style={{
                borderWidth: 0.1,
                borderColor: 'red',
                width: 1,
                height: 1,
                transform: [{translate: [0, 0, -3]}, {rotateY: -30}]
               }}
        />
      </View>