002_ReactNative第一炮:HelloWorld

(问渠那得清如许，为有源头活水来。 双手奉上RN官网)

在index.ios.js中写入

//引入相关组件
import React, { Component } from 'react';
import { AppRegistry, Text } from 'react-native';

// 创建组件
class HelloWorldApp extends Component {
  render() { //render返回一段用于渲染的JSX代码
    return (
      // 一段文本
      <Text>Hello world!</Text>
    );
  }
}

// 注册入口组件
AppRegistry.registerComponent('learnRN'/*这里必须项目名*/, () => HelloWorldApp/*入口组件名*/);

你需要理解一些基础的React概念.

• JSX (JSX 是一种嵌入 XML 的js写法，全称是 JavaScript XML )
• components (组件)
• state (设置在不同状态下的显示)
• props (创建组件时使用的参数,目测是property属性的缩写)
• 如果感觉困惑,建议先学习React