ReactNativeで画像を表示する

React Native

2018年8月15日

ReactNativeで画像を表示するサンプルです。
iOSで画像をインターネットから取得する場合はATSを設定する必要があるので気をつけてください。

react-native: 0.56.0

alt alt

index.js

import React, {Component} from 'react';
import {AppRegistry} from 'react-native';
import {
    StyleSheet,
    ActivityIndicator,
    View
} from 'react-native';
import {name as appName} from './app.json';

export class App extends Component {

    render() {
        return (
            <View style={styles.container}>
                <ActivityIndicator
                    size="large"
                    color="red" />
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        marginTop: 20
    },
});

AppRegistry.registerComponent(appName, () => App);