ReactNative從0.53.0升級到0.59.0采坑記錄

一、升級步驟

1拒垃、升級工具包
npm install -g react-native-cli yarn
2、生成一個與原來工程一樣名字的工程
react-native init ProjectName

如果你是搭建的sinopia私有npm服務(wù)的話瓷蛙,需要對@符號的庫進行重定向到npm的公服悼瓮,不然無法解析,會報錯
npm config set "@react-navigation:registry" http://registry.npmjs.org/
npm config set "@react-native-community:registry" http://registry.npmjs.org/
npm config set "@jest:registry" http://registry.npmjs.org/
npm config set "@cnakazawa:registry" http://registry.npmjs.org/
npm config set "@types:registry" http://registry.npmjs.org/
3艰猬、將iOS和Android原生工程先進行手動遷移到新工程中
  • 工程能跑起來再進行下一步
4横堡、將JS代碼進行遷移到新工程
  • 直接copy過來即可
  • 先不著急升級react-navigation,先把第三方庫的問題找出來冠桃,有問題的就先進行升級或者替換
5命贴、升級react-navigation
  • 卸載原來的react-navigation yarn remove react-navigation
  • 安裝最新的react-navigation yarn add react-navigation
6、用Xcode10.1跑項目遇到的問題

二食听、升級之后的問題

1胸蛛、react-native-svg
屏幕快照 2019-03-16 上午10.46.32.png
屏幕快照 2019-03-16 上午10.25.55.png
屏幕快照 2019-03-16 上午10.44.16.png

解決方案:
去掉react-native-iber-svg,安裝最新的react-native-svg
去掉react-native-iber-qrcode-svg樱报,安裝最新的react-native-qrcode-svg

2葬项、stripe
屏幕快照 2019-03-16 上午10.48.19.png
屏幕快照 2019-03-16 上午10.48.28.png

報錯原因:
解決方案:

3、Slider
屏幕快照 2019-03-16 上午10.33.05.png

報錯原因:A trailing comma is not permitted after the rest property
解決方案:

4迹蛤、Malformed calls from JS:field sizes are different
屏幕快照 2019-03-16 上午11.28.55.png

報錯原因:Malformed calls from JS:field sizes are different
解決方案:

5民珍、react-navigation
屏幕快照 2019-03-16 下午12.27.05.png

解決方案:

yarn add react-native-gesture-handler
react-native link react-native-gesture-handler
6、react-navigation
屏幕快照 2019-03-16 下午12.39.09.png

解決方案:
導(dǎo)出的createStackNavigator要用createAppContainer包裹才能用
https://reactnavigation.org/docs/en/app-containers.html

7盗飒、react-navigation
屏幕快照 2019-03-16 下午12.50.42.png

在iPhone中手勢返回的時候報錯
問題分析:
該問題是由于screen沒有得到手勢返回的事件穷缤,是由于createAppContainer懶加載導(dǎo)致的,如果你的代碼是讓createAppContainer等待一些耗時事件完成之后再顯示加載的箩兽,就會出現(xiàn)改問題

解決方案:

給每一個screen手動添加手勢

import { gestureHandlerRootHOC } from 'react-native-gesture-handler';
gestureHandlerRootHOC(screen);
8津肛、react-navigation
904629-402a53410b67e013.png

解決方案:

NavigationActions.reset  替換成  StackActions.reset
9、Xcode10運行項目報錯node_modules/react-native/third-party/glog-0.3.5

解決方案:

cd node_modules/react-native/scripts && ./ios-install-third-party.sh && cd ../../../
cd node_modules/react-native/third-party/glog-0.3.5/ && ../../scripts/ios-configure-glog.sh
10汗贫、node_modules/@sentry/cli: Command failed.

解決方案:
升級node版本
參考鏈接

11身坐、Xcode打Release包報錯:1.ld: could not reparse object file in bitcode bundle: 'Invalid bitcode version (Producer: '902.0.39.2_0' Reader: '900.0.39.2_0')', using libLTO version 'LLVM version 9.0.0, (clang-900.0.39.2)' for architecture arm64

解決方案:
關(guān)閉bitcode


1440335-339f3bb09550a53a.png

三秸脱、 其他問題

1、Slider部蛇、ViewPagerAndroid摊唇、WebViewAsync Storage在未來將從react-native中移除涯鲁,需要從@react-native-community引入

可參考:
https://github.com/react-native-community/react-native-slider
https://github.com/react-native-community/react-native-viewpager
https://github.com/react-native-community/react-native-webview
https://github.com/react-native-community/react-native-async-storage

2巷查、升級之后,View的默認背景色為白色抹腿,之前是灰色
3岛请、語法更嚴謹
  • const 修飾的變量不能修改
  • 組件的樣式大小不能為空(比如:width: null)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市警绩,隨后出現(xiàn)的幾起案子崇败,更是在濱河造成了極大的恐慌,老刑警劉巖肩祥,帶你破解...
    沈念sama閱讀 222,729評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件后室,死亡現(xiàn)場離奇詭異,居然都是意外死亡混狠,警方通過查閱死者的電腦和手機岸霹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來将饺,“玉大人贡避,你說我怎么就攤上這事「┯猓” “怎么了贸桶?”我有些...
    開封第一講書人閱讀 169,461評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長桌肴。 經(jīng)常有香客問我皇筛,道長,這世上最難降的妖魔是什么坠七? 我笑而不...
    開封第一講書人閱讀 60,135評論 1 300
  • 正文 為了忘掉前任水醋,我火速辦了婚禮,結(jié)果婚禮上彪置,老公的妹妹穿的比我還像新娘拄踪。我一直安慰自己,他們只是感情好拳魁,可當我...
    茶點故事閱讀 69,130評論 6 398
  • 文/花漫 我一把揭開白布惶桐。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪姚糊。 梳的紋絲不亂的頭發(fā)上贿衍,一...
    開封第一講書人閱讀 52,736評論 1 312
  • 那天,我揣著相機與錄音救恨,去河邊找鬼贸辈。 笑死,一個胖子當著我的面吹牛肠槽,可吹牛的內(nèi)容都是我干的擎淤。 我是一名探鬼主播,決...
    沈念sama閱讀 41,179評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼秸仙,長吁一口氣:“原來是場噩夢啊……” “哼嘴拢!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起筋栋,我...
    開封第一講書人閱讀 40,124評論 0 277
  • 序言:老撾萬榮一對情侶失蹤炊汤,失蹤者是張志新(化名)和其女友劉穎正驻,沒想到半個月后弊攘,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,657評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡姑曙,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,723評論 3 342
  • 正文 我和宋清朗相戀三年襟交,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片伤靠。...
    茶點故事閱讀 40,872評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡捣域,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出宴合,到底是詐尸還是另有隱情焕梅,我是刑警寧澤,帶...
    沈念sama閱讀 36,533評論 5 351
  • 正文 年R本政府宣布卦洽,位于F島的核電站贞言,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏阀蒂。R本人自食惡果不足惜该窗,卻給世界環(huán)境...
    茶點故事閱讀 42,213評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蚤霞。 院中可真熱鬧酗失,春花似錦、人聲如沸昧绣。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,700評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至拖刃,卻和暖如春鉴嗤,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背序调。 一陣腳步聲響...
    開封第一講書人閱讀 33,819評論 1 274
  • 我被黑心中介騙來泰國打工醉锅, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人发绢。 一個月前我還...
    沈念sama閱讀 49,304評論 3 379
  • 正文 我出身青樓硬耍,卻偏偏與公主長得像,于是被迫代替她去往敵國和親边酒。 傳聞我的和親對象是個殘疾皇子经柴,可洞房花燭夜當晚...
    茶點故事閱讀 45,876評論 2 361