React Native 踩坑記 邁出第一步

2021-07-22 05:41:28 字數 1222 閱讀 3844

最近剛好看到一項新興的技術——react native,讀了介紹後了,被其新穎超前好用的思想深深打動(ps:此處不是打廣告),作為曾經最鍾愛原生主義的程式設計師,這種react與native混合的方式讓我一點都不排斥(表示深深厭惡當下的webview效率),再三思索,決定入此坑,並將我當前手中的專案試著改為react native形式的。由此開始我的react native的踩坑之路。

注意此文不講原理,只講經驗和遇到的問題。

開始第乙個hello前,我的系統是deepin系統(乙個比較好看的linux),尋思著,linux作為乙個開發系統,應該挺不錯的吧。按照react native中文網 的教程一步一步的開始搭建環境,node,react native命令列工具,android studio,watchman,genymotion,bulubulu……具體這裡就不細說了,react native中文網 都有。

懷著激動的心情開始react native第乙個程式awesomeproject。

react-native init awesomeproject

/*此處init後面可以填任意名字,這個名字將會是你整個專案的專案名,入口應用名,以及你的安卓和ios專案包名(此處有個小坑,包名前始終都有個 com. 的字首)

*/

然而。。。除錯的時候出現了各種各樣的錯誤,以至於第乙個程式awesomeproject根本無法執行(幾近崩潰),這裡給個建議:經過我的測試:

mac os 系統下開發react native是最合適的!!!

理由:大多數facebook工程師是在mac下完善react native的。

最終,乙個簡單的helloworld程式新鮮出爐。

這裡我非常推崇用chrome進行除錯,react native提供給開發者的遠端**除錯功能異常強大,可以結合chrome的開發者工具對專案進行飛一般的除錯體驗。

經驗:第三方的庫,多多少少會出現一些相容問題,這個時候就要自己動手改原始碼了。在chrome中設定斷點,監視變數,等各種手段會極大的便利除錯的過程。

不要試圖更新系統(作者有慘痛的經歷)。

分出乙個50g左右的盤放恢復映象,對os系統勤做映象,尤其在是安裝新驅動前。

不要使用白蘋果使用的驅動精靈之類的軟體(很容易玩壞黑蘋果)。

以後我將持續更新一些在開發react native專案過程中遇到的問題和解決方案以及一些便利的方法。

這是作者第一次寫文章,若有不對的地方,請多包涵~

React Native 踩坑日記

問題 於示圖 findpage title 發現 解決辦法 react native 中無論是 tabbarios.item 還是 tabbar.item 必須有且只有乙個元件,說白了就是需要有子元件的存在,並且只存在乙個子元件。findpage title 發現 onpress selected ...

react Native 踩坑記錄

用 react native debugger 教程使用 react native wechat 位址 設計圖來自藍狐,可以根據裡面的尺寸來進行開發,但是左右的間隔需要通過獲取裝置寬度減兩邊來得出,蘋果手機用 愛瘋6,安卓需用自定義尺寸。在蘋果上,預設高度是整個手機的高度 然而安卓預設是除了狀態列以...

ReactNative初體驗踩坑

首先安裝教程 然後遇到一些問題,比如說下面 could not install smartsocket listener address already in use adb server didn t ack 解決辦法 直接開啟genymotion的setting,切換到第四個標籤頁 adb 選擇...