(
問渠那得清如許,為有源頭活水來。
雙手奉上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