react-native開發避坑

紫Young菌發表於2018-08-20
React

1、無法在機器上安裝軟體 開啟 android/build.grade, 更改路徑 'com.android.tools.build:gradle:2.2.3' 到路徑 'com.android.tools.build:gradle:1.2.3'

然後找到 android/gradle/wrapper/gradle-wrapper.properties, 改變路徑 services.gradle.org/distributio…

國產系統的問題，會多做一層，要設定gradle

2、埠占用問題 大部分RN佔用8081埠

3、紅屏報錯問題 真機

  • 確保裝置已連線
  • 執行 adb devices
$ adb devices
List of devices attached 

emulator-5554 offline   # Google模擬器

14ed2fcc device         # 真實裝置
複製程式碼

如上，已經有裝置連結'14ed2fcc device'

  • 首先確保你的電腦和手機裝置在同一個Wi-Fi環境下。
  • 在裝置上執行你的React Native應用。和開啟其它App一樣操作。
  • 你應該會看到一個“紅屏”錯誤提示。這是正常的，下面的步驟會解決這個報錯。
  • 搖晃裝置，或者執行adb shell input keyevent 82，可以開啟開發者選單。
  • 點選進入Dev Settings。
  • 點選Debug server host for device。
  • 輸入你電腦的IP地址和埠號（譬如10.0.1.1:8081）。在Mac上，你可以在系統設定/網路裡找- 查詢你的IP地址。在Windows上，開啟命令提示符並輸入ipconfig來查詢你的IP地址。在Linux - 上你可以在終端中輸入ifconfig來查詢你的IP地址。
  • 回到開發者選單然後選擇Reload JS。
  • 更改相關檔案路徑

模擬器（genymotion） blog.csdn.net/Wbiokr/arti…

4、二維碼呼叫問題 執行命令列如下

配置參考如下連結： blog.csdn.net/baidu_36259…

react-native開發避坑

上面這個是原因一般是未在定義的類中，新增建構函式，這是es6語法規範 也有可能是載入模組的時候，由於同路徑下，需要帶 './'這個前標誌

react-native開發避坑

react-native開發避坑

檔案打包編譯的過程中，由於檔案重複可能會無法生成對應的檔案，這時候可以做一下清理，gradlew clean

5、生命週期

  • constructor 建構函式，初始化需要的state
  • componentWillMount 控制元件渲染前出發
  • render 渲染控制元件的方法
  • conponentDidMount 空間渲染後觸發
  • componentWillReceiveProps 元件接收到新的props時被呼叫
  • shouldComponentUpdate 當元件接收到新的props時被呼叫
  • componentWillUpdate props或者state改變，並且此前的shouldComponentUpdate方法返回為true會呼叫該方法
  • componentDidUpdate 元件重新渲染完成後會呼叫此方法
  • componentWillUnmount 元件解除安裝和銷燬之前被呼叫

相關文章