簡單的ReactNative工程

react-native-simple-project

一個簡單的工程(只為展示基本的寫法)

關(guān)鍵點(diǎn):push隱藏tabBar,更改導(dǎo)航欄標(biāo)題

整體流程:

index.ios.js

-------------->Navigator

-------------->react-native-tab-navigator(第三方)

-------------->Home頁(或Setting頁)

-------------->react-native-navbar(第三方) + Home頁視圖(或Setting頁視圖)

  1. Clone the repo
$ git clone https://github.com/BelinChung/react-native-hiapp.git
$ cd react-native-hiapp
  1. Install dependencies (npm v3+):
$ npm install
  1. Start Packager:
$ npm start
  1. Running on iOS:
$ react-native run-ios

內(nèi)部集成了react-native-navbarreact-native-tab-navigator,如果相關(guān)地方報(bào)錯請執(zhí)行以下命令

 $ npm install react-native-navbar

 $ npm install react-native-tab-navigator
里面關(guān)鍵性的注釋已經(jīng)寫上。有不明白的地方或?qū)懙貌划?dāng)?shù)牡胤秸埣観Q 767616124 歡迎大家交流。
效果圖:
RN.gif

如果對您有幫助,Star一下吧

Github地址:react-native-navbar

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

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

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