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 (
      // 一段文本
      Hello world!
    );
  }
}

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

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

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

你可能感兴趣的:(002_ReactNative第一炮:HelloWorld)