AsyncImage

class AsyncImage extends Component {
  constructor(props) {
    super(props);
    this.state = { loaded: false };
  }

  onLoad = () => {
    this.setState(() => ({ loaded: true }));
  };

  render() {
    const { source, placeholder, style, ...rest } = this.props;
    const { loaded } = this.state;
    return (
      <>
        <Image
          source={source}
          style={loaded ? style : {}}
          {...rest}
          onLoad={this.onLoad}
        />
        {!loaded && placeholder}
      </>
    );
  }
}