rn
一切從App從首頁起，如果你
- 環(huán)境部署好環(huán)境,跑一個HelloWorld
- 看過別人的優(yōu)秀代碼
- 嘗試自己實現(xiàn)一點控件
給自己一個目標，模仿一些已上線的優(yōu)秀App，各位看官憑自己審美選擇。
這里給出模仿教育軟件“完美志愿”的首頁Demo教程。
demo_home
源碼地址，請隨手star支持一下~
那么做一個首頁需要先有什么知識貯備呢，只要以下。
Api:
組件：
<1>基礎控件
-
Text
顯示文字，文字控件。 -
Image
顯示圖片，圖片控件。 -
StyleSheet
存放控件樣式，類似CSS。 -
TouchableNativeFeedback
Android特有按鈕，具有觸摸反饋波紋效果。 -
StatusBar
狀態(tài)欄控件，原生頂部。
<2>控件容器
-
View
可包容所有控件，最基礎的組件。 -
ListView
列表控件，最常用的列表控件。 -
ScrollView
布局滑動控件，包含住的所有控件為一個整體。 -
ViewPagerAndroid
頁片布局控件，用于切換頁面。
先大概瀏覽過上面控件的基礎使用方法，就可以動手做首頁了。
知識點：
-
組件間的通信
父對子通信 子對父通信
(以上沒提到的，不是說不重要不基礎，只是簡單著來，看上面就可以動手實踐。)
一個組件js文件的基礎框架，做控件、頁面第一步總是要新建以下這個基礎class，ES6語法。（可直接復制使用）
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
}
});
以上，完畢。
