React-native初嘗試

網(wǎng)址

RN第三方庫查詢網(wǎng)址

https://js.coach/

環(huán)境搭建

1.安裝工具

Node

python2

jdk

react native命令行工具，yarn(Yarn是 Facebook 提供的替代 npm 的工具)

#設(shè)置鏡像源
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
#下載react-native工具及yarn
npm install -g yarn react-native-cli

#設(shè)置yarn鏡像源
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
2.創(chuàng)建新項(xiàng)目

初始化項(xiàng)目

react-native init projectName

運(yùn)行項(xiàng)目

react-native run-android

開始

生命周期
getDefaultProps
getInitialState
componentWillMount
render
componentDidMount
componentWillReceiveProps
shouldComponetUpdate
componentWillUpdate
render
componentDidUpdate
componentWillUnmount

WebStorm的React native配置

1.setting-Languages&Frameworks-JavaScript配置如圖

1552457662142.png

2.安裝react, react-native,react-DefinitelyTyped, react-native-DefinitelyTyped插件


1552457843689.png

3.配置npm

1552457907548.png

[圖片上傳中...(1552457506124.png-fae121-1553751267442-0)]
1552457358343.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容