1. 程式人生 > >使用夜神模擬器執行React Native躺坑詳解

使用夜神模擬器執行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