react-native - React Native Image URI 未显示

Question

React Native Image 未显示。是什么原因。我在stackoverflow上检查了几个答案，但没有一个答案对我有帮助。

问题是图像不会在 android 上显示，而是在 iOS 上显示。是什么原因？那是我的代码。

import React, { Component } from 'react';
import { View, Image } from 'react-native';

export default class ImageTest extends Component {
  constructor(props) {
    super(props);
    this.state = {
    };
  }

  render() {
    return (
      <View style={{ flex: 1 }}>
        <Image
          source={{ uri: 'https://reactnative.dev/img/tiny_logo.png' }}
          style={{ width: 200, height: 100, resizeMode: 'stretch' }} />
        <Image
          source={require('../assets/logo.png')}
          style={{ width: 200, height: 100, resizeMode: 'stretch' }} />
        <Image
          style={{ width: 200, height: 100, resizeMode: 'stretch' }}
          source={{
            uri:
              'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAAEXRFWHRTb2Z0d2FyZQBwbmdjcnVzaEB1SfMAAABQSURBVGje7dSxCQBACARB+2/ab8BEeQNhFi6WSYzYLYudDQYGBgYGBgYGBgYGBgYGBgZmcvDqYGBgmhivGQYGBgYGBgYGBgYGBgYGBgbmQw+P/eMrC5UTVAAAAABJRU5ErkJggg==',
          }}
        />
      </View>
    );
  }
}

标签： react-native