使用夜神模擬器執行React Native躺坑詳解
前言
近期需要使用React Native進行開發,所以需要安裝環境。但是因為顯示卡是AMD的,並且硬體原因,導致出現很多問題。直接導致的最大問題就是不能執行模擬器。所以,最後使用夜神模擬器來代替。接下來為大家詳細描述博主在環境安裝過程中趟過的坑。
問題描述和解決辦法
博主是使用IDEA直接進行開發,AS的安裝大家可以看我的另外一篇博文。夜神模擬器下載好之後,啟動模擬器,cmd進入自己的React Native工程目錄下執行下面程式碼:
react-native run-android
卻發現連線不上夜神模擬器,原因其實是sdk在使用abd連線模擬器的時候會kill掉之前連線夜神模擬器的abd,導致模擬器連線中斷。
解決辦法:cmd進入sdk的platform-tools目錄下,執行
adb.exe connect 127.0.0.1:62001
原因:執行上面程式碼之後,連線時sdk會發現abd是一致的,都是從sdk直接連線模擬器的abd,所以不會被kill掉
重新執行程式碼,如果模擬器上程式出現紅色背景報錯說明沒有連線到node伺服器
解決辦法:在SDK的platform-tools目錄下執行:
adb shell input keyevent 82
PS:或者可以在模擬器中程式的開啟介面使用手機搖一搖功能(夜神模擬器右上角有),一般3次左右會觸發同樣的效果。如果不行的話,可以直接執行上述程式碼代替。
出現下圖事件,點選Dev settings
然後點選下圖的按鈕
將Debug server host配置成IP:8081
注:這個IP實際上是NodeJs伺服器的IP,本地的IP可以從ipconfig中找到,如果需要測試尋找本地ip或Node伺服器IP,直接在瀏覽器中訪問ip:8081,然後會看到node伺服器返回的資訊,說明IP正確。
然後cmd再進入sdk的platform-tools目錄下繼續執行:(或使用手機搖一搖功能觸發事件)
adb shell input keyevent 82
出現下面介面後,點選reload,會重新載入一次app,正常情況會執行成功。如果還是沒有成功的話,檢視一下模擬器wifi配置是否啟用了代理,要是啟用了,直接關掉代理就好。
原因:SDK會在模擬器中觸發一個事件,然後需要去手動配置Debug server host,程式會根據server host呼叫node服務。
相關推薦
使用夜神模擬器執行React Native躺坑詳解
前言近期需要使用React Native進行開發,所以需要安裝環境。但是因為顯示卡是AMD的,並且硬體原因,導致出現很多問題。直接導致的最大問題就是不能執行模擬器。所以,最後使用夜神模擬器來代替。接下來為大家詳細描述博主在環境安裝過程中趟過的坑。問題描述和解決辦法博主是使用I
hbuilder在夜神模擬器執行應用
首先,啟動HBuilder和夜神模擬器 然後開啟cmd命令提示符 cd進入夜神模擬器bin目錄 執行以下命令 nox_adb connect 127.0.0.1:62001: 執行結果: D:\yeshen\Nox\bin>nox_adb connect
React Native之this詳解
過程 show super try this registry alert item rop this引起的錯誤詳解 我們在學習React Native的過程中,肯定經常遇見過undefined is not an object這樣的問題吧,尤其是剛開始學習的
react native Image 使用詳解
Image是顯示圖片的元件。可以載入網路圖片、靜態資源、臨時的本地圖片、以及本地磁碟上的圖片。本地磁碟上的圖片需要在路徑前加 ‘file://’。 resizeMode:元件尺寸和圖片尺寸不成比
react native StatusBar 使用詳解
StatusBar 是手機頂部的狀態條。 屬性: animated:狀態列變化時是否使用動畫。 hidden:是否隱藏狀態列。 backgroundColor:僅作用於android。 狀態列背景色。 translucent:僅作用於
WebStorm+Chrom 除錯React Native 專案圖文詳解
在看這篇文章之前,給大家參考一下本人的準備如下: 1、裝好React Developer Tools 外掛的Chrom; 3、一部Android系統5.0.0+的真機(參考),大家可以下載gen
react native Image ImageBackground詳解
在rn版本0.46版本的時候添加了ImageBackground控制元件,在0.46版本以後使用Image的時候不能在巢狀使用,ImageBackground就是解決這個問題的,現在如果在 標籤中巢狀其他元件現在會報黃盒警告。ImageBackground的使
windows 64位下,React-Native環境搭建詳解 (Android)
React-Native環境搭建需要: 1、安裝Java JDK 2、安裝Android Studio 3、安裝node.js 4、安裝git 5、安裝Python 2.x (注意目前不支援Python 3版本) 6、安裝react-native-c
react native DrawerLayoutAndroid 使用詳解
DrawerLayoutAndroid 僅限於android平臺。 屬性: drawerLockMode: 抽屜鎖定模式。 unlocked:預設,抽屜可以通過手勢開啟和關閉 locked-closed:抽屜關閉並且不可以通過手勢開
react native ActivityIndicator使用詳解
react-native版本:0.43 ActivityIndicator的效果類似我們平時看到了loading,在android中ActivityIndicator是progressBar 的Indeterminate(false)模式,說白了就是一
react native ActionSheetIOS 使用詳解
ActionSheetIOS 有2個方法: 1、showActionSheetWithOptions(options: Object, callback: Function) options:(字串陣列)按鈕的標題(必選) cancelButto
react native Button 使用詳解
Button其實就是 Touchable(TouchableNativeFeedback、TouchableOpacity)和Text封裝而來,下面是Button的部分原始碼: render() { const { accessibil
react native scrollview深入詳解觸控滾動事件
大家都知道scrollview的幾個屬性和方法:詳細的方法請參考: 這裡我就講解下scrollview的觸控和滑動順序,並講解下scrollview的幾個觸控方法 1、幾個已知的滑動或者滑動開始結束的方法: onScroll:在滾動過程中, 每幀最多呼叫一次此函式
windows10下,配置react-native環境並在夜神中執行
開門見山,從win10中執行安卓版本的react-native,從0到1,籠統地步驟可以分為以下幾點: 1.配置android環境,配置android sdk; 2.配置react-native環境 3.配置安卓模擬器 4.運用cmd,在安卓模擬器
react-native開發之專案連線夜神模擬器步驟(window)
這裡是window為準, 因為mac電腦 夜神模擬器暫時沒有搖一搖功能 連線夜神模擬器 adb.exe connect 127.0.0.1:62001 返回 connected to 127.0.0.1:62001 說明 連線成功!!!! cmd 開啟命令編輯器 進入專案目錄 win
react-native專案連線夜神模擬器詳細步驟-----------小白的天堂
RN專案連線夜神模擬器: 1. 開啟夜神模擬器,電腦進入cmd 連線夜神模擬器 adb connect 127.0.0.1:8081 下邊 會直接顯示結果,當出現connected sucessful時證明連線成功 2. 進入RN專
react-native 與 夜神模擬器環境搭建
1、安裝夜神之後需要更新nox_adb.exe檔案,使它與sdk的版本儲存一直,將sdk的adb.exe複製到夜神安裝處更名為nox_adb.exe替換原檔案 2、連線模擬器 在夜色安裝bin目錄中執行nox_adb connet 127.0.0.1:62
react-native 連線夜神模擬器
開發十年,就只剩下這套架構體系了! >>>
夜神模擬器的使用踩坑--adb devices無法連線裝置
初開始學習app自動化測試,嘗試安裝 genymotion模擬器,安裝成功後無法start 虛擬裝置,在網上找尋解決方法無果後,決定改用夜神模擬器,遇到一些小問題,寫出來與大家共享 網上百度夜神下載並安裝,安裝成功後,在桌面有兩個圖示:夜神模擬器和夜神多開器 1.啟動夜神模擬器,預設的啟動安
執行react-native專案遇到的坑
最近接手了一個react-native專案,用xcode執行的時候,各種坑,各種報錯,現在抽時間整理一下 1.找不到標頭檔案 RCTJPushModule.h 一上來就報這個錯,翻閱一些資料找到解決辦法 開啟終端,cd到專案資料夾,輸入 npm install jpu