index.js
// 匯入自己的元件頁面
import myhomepage from './myhomepage.js'
// 第二個引數，表示要把哪個頁面註冊為專案的首頁
myhomepage.js
// 在 rn 中只能使用 .js 作為 元件的字尾名，不能使用 .jsx
import react, from 'react'
// view 元件負責布局，就好比 網頁中的 div 元素
import from 'react-native'
export default class myhomepage extends component
} // 必須有 render 函式
render()
123456~~~~~
}}
/**
* * @flow
*/// 匯入 react 基礎包，這個包，作用是建立 元件
import react, from 'react';
// 從 react-native 中匯入系統開發需要的包
import from 'react-native';
const instructions = platform.select();
// 這是 ts（typescript） 的語法
render()
welcome to react native!
}>
);}}
// 使用 stylesheet.create 建立樣式表物件，可以為 create 傳遞 乙個配置物件，這個物件，就是要建立的樣式
const styles = stylesheet.create(,
welcome: ,
instructions: ,
inputstyle:
});// 總結：如果要定義乙個基本的 rn 頁面：需要的步驟：
// 1. 匯入 react 包，來建立元件
// 2. 匯入 react-native 包，來提供基礎的開發元件
// 3. 從 react-naitve 中，可以匯入 stylesheet 的元件，用它 的 create 方法，可以建立樣式物件
// 4. 使用 react 基礎的語法，建立出來的元件，就是乙個 合法的 rn 元件頁面；如果想要在頁面中，放置一些合法的 頁面元素，只能使用 rn 庫提供的 固有元件；不能使用 網頁中的 任何 元素；
React Native 定義元件 簡單
react native 定義元件 簡單 1.首先建立乙個header.js 檔案 2.宣告元件 import react,from react import from react native 3.建立元件的內容class header extends component 4.樣式const st...
React Native 安裝使用
1 首先 執行 cmd r 輸入 powershell noprofile executionpolicy bypass command iex new object net.webclient downloadstring set path path allusersprofile chocola...
React Native引數使用
我們的在程式中使用各種函式方法就離不開傳入引數，那麼如何在react native中使用引數呢？下面先來看乙個例子 1 系統元件使用引數 import react,from react class image extends component return 這裡我們使用到了顯示的元件 image，...