Reactの基本的な書き方

ysugiyama12 139views 更新:2017年2月15日

新しいアプリ作りのために一から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と似ている部分も多い。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません