Reactの基本的な書き方

新しいアプリ作りのために一からReactの文法を覚えている途中なので自分のためにも得た知識をまとめていく。 などにはスタイルを指定することが多い。cssのような書き方で指定できる。

<View style = {styles.container}> ...</View>

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
}

StyleSheet,Viewなどは始めのimportに列挙しておく。

import React, { Component } from 'react';

import {
  AppRegistry,
  StyleSheet,
  View,

} from 'react-native';

thisを用いた記法など、基本的にはjavascriptと似ている部分も多い。