Amplify S3 example

App.js

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

import Amplify, { Storage } from 'aws-amplify'
import config from './aws-exports'
Amplify.configure(config)
// window.LOG_LEVEL='DEBUG'

export default class App extends Component {
  state = {
    url: ''
  }
  async getFile() {
    let name = 'example-image.png';
    let fileUrl = await Storage.get(name);
    this.setState({
      url: fileUrl
    })
  }

  render() {
    return (
      <View style={styles.container}>
        <Text>Storage</Text>
        <Button
          title="Get Image"
          onPress={this.getFile.bind(this)}
        />
        {
          this.state.url !== '' && (
            <Image
              source={{ uri: this.state.url }}
              style={{ width: 300, height: 300 }}
            />
          )
        }
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  }
});