一、環(huán)境搭建
首先聲明一下，本人現(xiàn)在用的編輯器是SublimeText3。其實這種教程網(wǎng)上有很多，我只是單純地把自己的一些經(jīng)驗寫出來，也是自己的經(jīng)歷，有地方不對的請指正，感激不盡！
1.Mac開發(fā)RN環(huán)境搭建
1>安裝homebrew，Mac上缺少包管理工具，所以安裝Homebrew包管理管理我們需要安裝的Node.js等工具和軟件。
打開終端輸入:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)
在Max OS X 10.11（El Capitan)版本中，homebrew在安裝軟件時可能會碰到/usr/local目錄不可寫的權(quán)限問題?？梢允褂孟旅娴拿钚迯停?/p>
sudo chown -R `whoami` /usr/local
2>安裝Node.js，既然安裝好了Homebrew，那么我們通過HomeBrew來安裝Node.js
brew install node
3>安裝React Native的命令行工具（react-native-cli）
npm install -g react-native-cli
如果你看到EACCES: permission denied這樣的權(quán)限報錯，那么修復權(quán)限問題
sudo chown -R `whoami` /usr/local
4>開發(fā)iOS必不可少的工具Xcode，這個可以直接在AppStore里面下載
5>安裝WatchMan
WatchMan是由Facebook提供的監(jiān)視文件系統(tǒng)變更的工具。
brew install watchman
6>OK，基本的已經(jīng)安裝完畢，現(xiàn)在可以測試安裝了，先創(chuàng)建RN項目
react-native init AwesomeProject
下面這兩句如果不熟悉終端的可以不看，直接打開文件夾找到ios文件夾，運行AwesomeProject.xcodeproj就可以了，下面這兩句是在終端打開運行AwesomeProject.xcodeproj。
cd AwesomeProject
react-native run-ios
2.安卓環(huán)境搭建
ps:安卓環(huán)境我沒有搭建過，有需要的同學可以看一下教程，跟著教程走搭建安卓開發(fā)環(huán)境。不過近期我應該會接觸這一塊，到時候我再修改一下！
二、基礎(chǔ)控件的使用
1.對于rn文件的介紹
我有篇博客說過這一段，實在不懂得可以看一下我的這篇博客
2.基礎(chǔ)控件的使用
1>Text的使用
首先需要引入Text模塊，然后我們可以在View的背景下添加你需要寫的文字,另外，在index.ios.js或者index.android.js文件中都有Text標簽，我們也可以參考。這里我們主要介紹一下Text通用的常用屬性。
numberOfLines:1,字面意思就可以看出來是行數(shù)的意思，
onPress?,我們也可以從字面猜到什么意思，這是當文本點擊時調(diào)用的函數(shù)onpress={this._selector.bind(this)},實現(xiàn)_selector方法
_selector(){
//do something
}
這就實現(xiàn)了Text點擊的效果。
另外，Text常用的樣式：
Text的常用屬性,注意，直接寫樣式的話需要用{{}}括起來
這里我沒有用StyleSheet來寫，簡單概括，一個字，懶 T_T
另外還有一些樣式，lineHeight、fontFamily，backGroundColor等，這個可以自己測試一下，ps:textAlign對齊方式只是左右居中對齊，不是中心對齊，如果需要中心對齊，我們可以用View包住
<View style={{justifyContent: 'center',alignItems: 'center',backgroundColor: '#F5FCFF',width:200,height:200}}>
? ? <Text style={styles.welcome}>
? ? ? ?Demon404
? ? ?</Text>
</View>
其實這樣我們也就做了一個簡單的Button,
另外還有有的同學不知道怎么獲取屏幕的寬高，我們需要引入Dimensions
let ScreenWidth = Dimensions.get('window').width;
let Screenheight = Dimensions.get('window').height;
ps:文字格式有的不太對，修改了一下
全文手打，轉(zhuǎn)載請注明出處
