React-Native的第一次尝试

React-Native的HelloWorld

一、windows安装react-native

1、安装node.js
2、安装ReactNative的命令行工具，打开cmd:

npm install -g react-native-cli

用react-native -v查看是否安装成功：

二、创建HelloWorld

1、cmd 进入工作目录（自己项目保存目录）
2、cmd 输入react-native init HelloWorld 创建HelloWorld项目，我的已经创建过

3、修改index.js

/** @format */
import React, {Component} from 'react';
import {
    AppRegistry,StyleSheet,Text,View
} from 'react-native';
import App from './App';
import {name as appName} from './app.json';
export default class HelloWorld extends Component{
    render(){
        return (
            <Text style={{
                flex:1,
                top:100,
                left:100,
                fontSize:30
            }}>HelloWorld</Text>
        );
    }
}
//AppRegistry.registerComponent(appName, () => App);
AppRegistry.registerComponent("HelloWorld", () => HelloWorld);

4、运行android虚拟机（真机也可以），开通usb调试
5、cmd进入HelloWorld目录，运行程序react-native run-android会自动在android模拟器运行项目

好了，第一个react-native app运行了！愉快学习ReactNative！元旦快乐！