2016.10.17
新建文件
react-native init Helloworld
打開Helloworld.xcodeproj文件
在編輯器打開index.ios.js
編輯這個(gè)文件里的代碼并保存，點(diǎn)擊模擬器，command+r刷新模擬器
使用的單引號(hào)為英文狀態(tài)下
如果報(bào)錯(cuò)直接復(fù)制代碼中原來就有的符號(hào)
justifyContent: 'center', //豎直方向的居中
alignItems: 'center', //水平方向的居中
關(guān)于插入圖片
import {
? AppRegistry,
? StyleSheet,
? Text,
? Image,//添上Image
? View,
} from 'react-native';
<Image style={styles.pic} source={{uri:'https:xxx.xxx.com/xxx?xxx=xx...'}}>
Image標(biāo)簽的source的第一個(gè)大括號(hào)是模板，第二個(gè)大括號(hào)是js對(duì)象，js對(duì)象里面有個(gè)key是uri,表示圖片的地址
注意 第一個(gè)是style，第二個(gè)是styles，花括號(hào)里的是uri，不是url
關(guān)于CSS和UI
style是組件的一個(gè)自有屬性，第一個(gè){}JS執(zhí)行環(huán)境或者說是模板，第二個(gè){}只是css樣式對(duì)象的括號(hào)而已
給view設(shè)置多個(gè)style的時(shí)候，注意加中括號(hào)‘[ ]’，如果不加會(huì)報(bào)錯(cuò)
alignSelf:對(duì)齊方式
center: {
alignSelf:'center',//居中
},
left: {
alignSelf:'flex-start',//居左
},
right: {
alignSelf:'flex-end',//居右
},
auto 自動(dòng)、 stretch 可延伸的
alignItems是alignSelf的變種，跟alignSelf的功能類似，可用于水平居中；justifyContent用于垂直居中，屬性較多，
