react-native-navigation Android配置踩坑紀(jì)

參考

項(xiàng)目地址
官方文檔

前言

單純的我自以為角寸,兩條命令就可以成功安裝并吃上這道菜:

$ npm i -S react-native-navigation
$ react-native link

結(jié)果:失敼猿辍死相!報(bào)錯(cuò)一大堆!

配置

這下咬像,我們只能手動(dòng)配置了

首先算撮,當(dāng)然是安裝最新版本的react-native-navigation

$ npm i -S react-native-navigation@latest

然后,我們編輯項(xiàng)目下的android/settings.gradle文件(添加如下內(nèi)容):

 include ':react-native-navigation'
 project(':react-native-navigation').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-navigation/android/app/')

接著繼續(xù)編輯android/app/build.gradle

 android {
     compileSdkVersion 25
     buildToolsVersion "25.0.1"
     ...
 }

 dependencies {
     compile fileTree(dir: "libs", include: ["*.jar"])
     compile "com.android.support:appcompat-v7:23.0.1"
     compile "com.facebook.react:react-native:+"
     compile project(':react-native-navigation')
 }

提示:主要更改android編譯版本號(hào)县昂,以及在dependencies中添加compile project(':react-native-navigation')

這些配置修改好了肮柜,我們接下來就主要修改兩個(gè)java程序咯

源碼

首先是MainActivity.java文件:

  1. 注釋掉原先的MainActivity
  2. 導(dǎo)入包:import com.reactnativenavigation.controllers.SplashActivity;
  3. 重寫MainActivity類:
    (看起來大概這樣:)
package com.project;

import com.facebook.react.ReactActivity;
import com.reactnativenavigation.controllers.SplashActivity;
public class MainActivity extends SplashActivity {}

接著是重頭戲:MainApplication.java
這里也是,直接注釋掉原先的MainApplication方法倒彰,然后添加官方提供的代碼:


import com.reactnativenavigation.NavigationApplication;

public class MainApplication extends NavigationApplication {

    @Override
    public boolean isDebug() {
        // Make sure you are using BuildConfig from your own application
        return BuildConfig.DEBUG;
    }

    protected List<ReactPackage> getPackages() {
        // Add additional packages you require here
        // No need to add RnnPackage and MainReactPackage
        return Arrays.<ReactPackage>asList(
            new RCTCameraPackage(),
            new VectorIconsPackage()
        );
    }

    @Override
    public List<ReactPackage> createAdditionalReactPackages() {
        return getPackages();
    }
}

注意看getPackages方法审洞,把之前的類的數(shù)據(jù)寫進(jìn)去,除了MainReactPackage

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末待讳,一起剝皮案震驚了整個(gè)濱河市芒澜,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌创淡,老刑警劉巖痴晦,帶你破解...
    沈念sama閱讀 222,865評(píng)論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異琳彩,居然都是意外死亡誊酌,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,296評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門汁针,熙熙樓的掌柜王于貴愁眉苦臉地迎上來术辐,“玉大人,你說我怎么就攤上這事施无』源剩” “怎么了?”我有些...
    開封第一講書人閱讀 169,631評(píng)論 0 364
  • 文/不壞的土叔 我叫張陵猾骡,是天一觀的道長瑞躺。 經(jīng)常有香客問我,道長兴想,這世上最難降的妖魔是什么幢哨? 我笑而不...
    開封第一講書人閱讀 60,199評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮嫂便,結(jié)果婚禮上捞镰,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好岸售,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,196評(píng)論 6 398
  • 文/花漫 我一把揭開白布践樱。 她就那樣靜靜地躺著,像睡著了一般凸丸。 火紅的嫁衣襯著肌膚如雪拷邢。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,793評(píng)論 1 314
  • 那天屎慢,我揣著相機(jī)與錄音瞭稼,去河邊找鬼。 笑死腻惠,一個(gè)胖子當(dāng)著我的面吹牛环肘,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播妖枚,決...
    沈念sama閱讀 41,221評(píng)論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼廷臼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了绝页?” 一聲冷哼從身側(cè)響起荠商,我...
    開封第一講書人閱讀 40,174評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎续誉,沒想到半個(gè)月后莱没,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,699評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡酷鸦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,770評(píng)論 3 343
  • 正文 我和宋清朗相戀三年饰躲,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片臼隔。...
    茶點(diǎn)故事閱讀 40,918評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡嘹裂,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出摔握,到底是詐尸還是另有隱情寄狼,我是刑警寧澤,帶...
    沈念sama閱讀 36,573評(píng)論 5 351
  • 正文 年R本政府宣布氨淌,位于F島的核電站泊愧,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏盛正。R本人自食惡果不足惜删咱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,255評(píng)論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望豪筝。 院中可真熱鬧痰滋,春花似錦摘能、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,749評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至聪富,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間著蟹,已是汗流浹背墩蔓。 一陣腳步聲響...
    開封第一講書人閱讀 33,862評(píng)論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留萧豆,地道東北人奸披。 一個(gè)月前我還...
    沈念sama閱讀 49,364評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像涮雷,于是被迫代替她去往敵國和親阵面。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,926評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,336評(píng)論 25 707
  • React Native優(yōu)秀博客洪鸭,以及優(yōu)秀的Github庫列表(很多英文資料源自于[awesome-react-n...
    董董董董董董董董董大笨蛋閱讀 10,653評(píng)論 4 162
  • afinalAfinal是一個(gè)android的ioc样刷,orm框架 https://github.com/yangf...
    passiontim閱讀 15,441評(píng)論 2 45
  • 日頭正好。云端在湖水中蕩漾著览爵,我看著它逐漸變淡置鼻,一點(diǎn)點(diǎn)地退出湖水,看著那時(shí)間消逝蜓竹。 天空還是一貫的蔚藍(lán)如洗箕母,突然間...
    宛丘宛丘閱讀 236評(píng)論 0 0
  • Today is Friday. It's the 31st day of my writing diary in...
    Mr_Oldman閱讀 221評(píng)論 0 0