React Native - <1>动手做一个首页

rn

一切从App从首页起，如果你

1. 环境部署好环境,跑一个HelloWorld
2. 看过别人的优秀代码
3. 尝试自己实现一点控件

给自己一个目标，模仿一些已上线的优秀App，各位看官凭自己审美选择。
这里给出模仿教育软件“完美志愿”的首页Demo教程。

demo_home

源码地址，请随手star支持一下~

那么做一个首页需要先有什么知识贮备呢，只要以下。

---

Api:

1. AppRegistry
2. Dimensions

组件：

<1>基础控件

1. Text
   显示文字，文字控件。
2. Image
   显示图片，图片控件。
3. StyleSheet
   存放控件样式，类似CSS。
4. TouchableNativeFeedback
   Android特有按钮，具有触摸反馈波纹效果。
5. StatusBar
   状态栏控件，原生顶部。

<2>控件容器

1. View
   可包容所有控件，最基础的组件。
2. ListView
   列表控件，最常用的列表控件。
3. ScrollView
   布局滑动控件，包含住的所有控件为一个整体。
4. ViewPagerAndroid
   页片布局控件，用于切换页面。

先大概浏览过上面控件的基础使用方法，就可以动手做首页了。

知识点：

1. 组件间的通信
   父对子通信 子对父通信

(以上没提到的，不是说不重要不基础，只是简单着来，看上面就可以动手实践。)

一个组件js文件的基础框架，做控件、页面第一步总是要新建以下这个基础class，ES6语法。（可直接复制使用）

---

import React,{ Component } from 'react';

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


export default class Demo extends Component{

    render(){
        return(
            

            
        );
    }

}

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

以上，完毕。