rn

一切從App從首頁起，如果你

1. 環(huán)境部署好環(huán)境,跑一個HelloWorld
2. 看過別人的優(yōu)秀代碼
3. 嘗試自己實現(xiàn)一點控件

給自己一個目標(biāo)，模仿一些已上線的優(yōu)秀App，各位看官憑自己審美選擇。
這里給出模仿教育軟件“完美志愿”的首頁Demo教程。

demo_home

源碼地址，請隨手star支持一下~

那么做一個首頁需要先有什么知識貯備呢，只要以下。

Api:

1. AppRegistry
2. Dimensions

組件：

<1>基礎(chǔ)控件

1. Text
   顯示文字，文字控件。
2. Image
   顯示圖片，圖片控件。
3. StyleSheet
   存放控件樣式，類似CSS。
4. TouchableNativeFeedback
   Android特有按鈕，具有觸摸反饋波紋效果。
5. StatusBar
   狀態(tài)欄控件，原生頂部。

<2>控件容器

1. View
   可包容所有控件，最基礎(chǔ)的組件。
2. ListView
   列表控件，最常用的列表控件。
3. ScrollView
   布局滑動控件，包含住的所有控件為一個整體。
4. ViewPagerAndroid
   頁片布局控件，用于切換頁面。

先大概瀏覽過上面控件的基礎(chǔ)使用方法，就可以動手做首頁了。

知識點：

1. 組件間的通信
   父對子通信 子對父通信

(以上沒提到的，不是說不重要不基礎(chǔ)，只是簡單著來，看上面就可以動手實踐。)

一個組件js文件的基礎(chǔ)框架，做控件、頁面第一步總是要新建以下這個基礎(chǔ)class，ES6語法。（可直接復(fù)制使用）

import React,{ Component } from 'react';

import{
    View,
    StyleSheet
} from 'react-native';


export default class Demo extends Component{

    render(){
        return(
            <View style = {styles.container}>

            </View>
        );
    }

}

const styles = StyleSheet.create({
    container : {
        flex : 1
    }
});

以上，完畢。