ReactNative開發之模擬器

2021-08-01 16:19:31 字數 894 閱讀 5144

專案執行前確保 模擬器 已連線。

1 cmd 命令 :

adb devices

會顯示 你已經連線的裝置。

2 若無 ,用下面命令連線裝置。

cmd 命令:

adb connect 127.0.0.1:62001

這樣就可以執行我們的專案了(預設我們android studio 已開啟)

專案目錄下 cmd命令:

react-native run-android

3 模擬器的使用

參考下文

react native - 除錯技巧及除錯選單說明(模擬器除錯、真機除錯)

4 除錯

開啟chrome,訪問 http://localhost:8081/debugger-ui,按f12開啟開發者選單。

在模擬器或真機選單中選擇debug js,即可開始除錯。

4 瀏覽器檢視打包後的指令碼

5 樣式

reactnative中文官網_style

6 reactnative中文網_image

注意要匯入 import image

1 rn需要node5.0以上的版本(7.1除外)才能支援,

2 rn樣式組合,為了避免多個值的衝突,最右邊的元素優先順序最高,而否定型的取值如false、undefined和null則會被忽略。

React Native開發之 元件Text

text元件是react中的乙個基本元件,它與android上的textview元件相類似,就是用來顯示文字的,這個控制項除了基本的顯示布局之外,可以巢狀使用,設定樣式,新增事件處理功能。text元件可以使用view元件所有的style,view元件的所有style可以檢視官方文件 export d...

ReactNative 開源專案 仿優購商城

開源動力,仿優購網 use rn and redux 本專案適合有rn基礎和redux基礎 暫時只適配ios 後期會持續更新適配安卓 如果暫時想適配安卓的可切換注釋 tabbarview.js 的 基本能執行 效果比較差 git clone git cd reactnative shopping n...

基於React Native構建的仿京東客戶端

基於react native構建的仿京東客戶端 react native入門 布局實踐 開發京東客戶端首頁 一 react native入門 布局實踐 開發京東客戶端首頁 二 tabbar的構建 react native布局實踐 開發京東客戶端首頁 三 輪播圖的實現 react native布局實踐...