react-native-async-image-tutorial/main.js at part-1 · wmcbain/react-native-async-image-tutorial · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
/* @flow */

import React, { Component } from 'react';

import {
  AppRegistry,
  Text,
  View
} from 'react-native';

import AsyncImage from './AsyncImage'

export default class AsyncImageAnimated extends Component {
  render() {
    return (
      <View
        style={{
          flex: 1,
          justifyContent: 'center',
          alignItems: 'center',
          backgroundColor: 'white',
        }}>

        <AsyncImage
          style={{
            borderRadius: 50,
            height: 100,
            width: 100,
          }}
          source={{
            uri: 'https://i.imgur.com/R5TraVR.png'
          }}
          placeholderColor='#b3e5fc'/>

      </View>
    );
  }
}

AppRegistry.registerComponent('AsyncImageAnimated', () => AsyncImageAnimated);