Homebrew
Node
Yarn
Watchman
測(cè)試環(huán)境是否搭建成功
react-native init AwesomeProject
cd AwesomeProject // 查看生成的項(xiàng)目,完整路徑cd /Users/xxx/AwesomeProject
react-native run-ios // cd到 AwesomeProject文件夾下卓练,運(yùn)行項(xiàng)目
react-native --version
react-native-cli: 2.0.1
react-native: 0.54.2
打開App.js并隨便改上幾行。
在iOS Emulator中按下?-R就可以刷新APP
import React, { Component } from 'react';
import { Text } from 'react-native';
// 定義了一個(gè)名為HelloWorldApp的新的組件(Component),一個(gè)App的最終界面司抱,其實(shí)也就是各式各樣的組件的組合
export default class HelloWorldApp extends Component {
render() {
return (
<Text>Hello world!</Text> // JSX語(yǔ)句
);
}
}