React Native 填坑一

React Native 填坑一

關於RN的佈局

1. 分爲主軸和交叉軸， 主軸能夠是橫向也能夠是豎向，交叉軸也是對應的。
2. 主軸默認是豎向。若是要更改用flexdirection
3. 主軸對齊方式：justifyContent
4. 交叉軸對齊方式：alignItems

問題1. 橫向排列居中對齊

要改主軸的方向

flexDirection:"row",justifyContent:"center"}

問2.水平佈局並鋪滿的問題

要鋪滿用flex:1 .
若是發麪沒有鋪滿，居中顯示了。有多是設置了交叉軸的對齊方式。
檢查alignItems有沒有設置值。

問3.輪播圖的使用。

用的是Swipper組件。須要先引用

import Swiper from 'react-native-swiper';

1. 輪播控件若是封裝成組件，如何對屬性進行傳值 。

autoplay={this.props.autoplay}  //組件裏使用
autoplay={false}  //調用的時候這樣顯示 

//傳自定義的屬性值 
dtList={this.state.dataList} 
//接收時
 dataList={this.props.dtList} 
 
 //是否顯示左右箭頭
 showsButtons=true //默認不顯示 
 //是否自動播放 
 autoplay=true
 //是否顯示圖片下方的小圓點
 showsPagination={false}
 //dot 
 小圓點的樣式 ，裏面是view包裝的style .
 //activeDot
 點中的樣式

npm 安裝時 後面的-save參數表示什麼意思

--save的做用是：配置package.json，至關於Android的gradle,咱們依賴的庫在node-modules,至關於Android的libs文件夾，

js中的map方法

map()方法返回一個新數組，數組中的元素爲原始數組元素調用函數處理的後值

image source的路徑問題

image source的指向問題。 本地路徑用require .網上的用uri

<Image source={require("../../../Image/icon_right.png")} style={{width:20,height:20}}/>