1. 程式人生 > >React-Native 真機除錯踩坑指南

React-Native 真機除錯踩坑指南

繼上一篇基礎安裝踩坑繼續我們的踩坑之旅,備註一下以下僅針對Mac環境~~

安卓

1、adb 找不到命令? Adb的全稱為Android Debug Bridge,就是起到除錯橋的作用,真機除錯安卓必備的工具。 做RN開發一般都會安裝android studio,在安裝之初會有一個android-platform-tools選項,這個就是adb用到的東西了。安裝android studio之後,一般情況下配置一個bash_profile,把相關的環境變數配置以下就好了。

cd ~
touch .bash_profile

新建檔案後在檔案中新增如下配置

# 如果不是用Android Studio安裝的sdk,則其路徑可能不同
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
export PATH=$PATH:$ANDROID_HOME/emulator

2、.bash_profile都配好了還沒起作用,什麼情況? 配置好之後沒起作用,可能是因為你沒有更新配置,導致配置沒生效,用source命令更新以下就好了

source ./.bash_profile

IOS

1、使用dp單位後,ios大屏機螢幕中出現一個半透明的白色條塊? 這個我也叫它“幽靈白塊”,他的出現是由於當前dom設定了左上和右上的圓角,且圓角半徑較小,並且目前只在ios np系列上發現了。 解決辦法也有點奇葩。。。調大一點圓角半徑就好了,具體原因一直沒找到。

碰到了在更新上來,持續更新貼~需求請關注~ 大家還有別的話,歡迎補充~~