ReactNative - ImageBackground加载带有延迟的本地镜像

npm install react-native-image-picker --save

import React, { Component } from 'react';
import { ImageBackground } from 'react-native';
import ImagePicker from 'react-native-image-picker';

class MyComponent extends Component {
  state = {
    backgroundImage: null,
  };

  selectImage = () => {
    ImagePicker.showImagePicker({}, response => {
      if (response.didCancel) {
        console.log('User cancelled image picker');
      } else if (response.error) {
        console.log('ImagePicker Error: ', response.error);
      } else {
        const source = { uri: response.uri };
        this.setState({ backgroundImage: source });
      }
    });
  };

  render() {
    return (
      <ImageBackground
        source={this.state.backgroundImage}
        style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}
      >
        {/* Your content here */}
      </ImageBackground>
    );
  }
}