React native cơ bản

Home Blogs react native cơ bản

Trong nội dung bài viết này tôi sẽ hướng dẫn thiết lập React Native sầu trên môi trường thiên nhiên Windows (hơi phổ cập sống Việt Nam)

Cài đặt môi trường

Quý khách hàng cần phải gồm :

NodePython2JDKAndroid Studio

Trong nội dung bài viết này tôi vẫn lí giải thiết lập React Native trên môi trường Windows (tương đối phổ biến nghỉ ngơi Việt Nam)

A.

Bạn đang xem: React native cơ bản

Cài đặt môi trường

quý khách hàng rất cần phải gồm :

NodePython2JDKAndroid Studio

Hả vẫn bắt buộc Android Studio ư ?Trong Khi chúng ta cũng có thể chọn bất kỳ Editor làm sao bạn muốn để lập trình ứng dụng cơ mà chúng ta vẫn đề xuất đề nghị cài đặt Android Studio nhằm cấu hình phần nhiều tool quan trọng nhằm build React Native sầu tiện ích trên Android

Trên trang chủ React Native sầu khulặng download Node, Java SE Development Kit (JDK) và Python2 trải qua Chocolatey, đấy là ứng dụng thịnh hành cho Windows

Câu lệnh mua bỏ trên Chocolategiống hệt như sau ( chạy CMD với quyền "Run as Administrator"):choco install -y nodejs.install python2 jdk8

Còn nếu bạn không muốn chạy cmd như trên thì bạn vào Home với thiết lập tệp tin thiết lập nhằm chạyChú ý: version Node 8 hoặc mới hơn; JDK 8 hoặc mới hơn

B. The React Native CLI (CLI-command line interface)

Chạy lệnh CMD sau nhằm thiết đặt React Native CLI:npm install -g react-native-cli

C. Cài đặt môi trường Android

1. Cài Android Studio

Tải Android Studio tại đây. Cài đặt và nhớ lựa chọn những mục sau:

2. Cài đặt Android SDK

Mặc định Android Studio vẫn sở hữu Android SDK mới nhất tuy nhiên bên trên Home React Native ưu tiên thực hiện Android 6.0 (Marshmallow) SDK

Đê vào thông số kỹ thuật setup Android SDK thì sống màn "Welcome khổng lồ Android Studio" chọn "Configure" cùng tiếp đến ấn "SDK Manager"

*

*

Nếu ai đang msinh hoạt Project như thế nào kia thì ấn "Tools" kế tiếp "SDK Manager"

*

Tìm cho Android 6.0 (Marshmallow) chọn các mục tiếp sau đây nhằm mua về:

Google APIsAndroid SDK Platsize 23Hãng sản xuất Intel x86 Atom_64 System ImageGoogle APIs Hãng Intel x86 Atom_64 System Image

*

Tiếp, chọn tab "SDK Tools" ấn "Show Package Details", vào "Android SDK Build-Tools" chọn bản 23.0.1

*

Chọn "Apply" nhằm bắt đầu sở hữu với setup Android SDK và Build Tools

3.

Xem thêm: 'Nhat Ban Mp4 Tai Phim Sex Mp4 Nhat Ban Hd Xxx Videos, Tai Phim Sex Hiep Dam Chi Dau Nhat Ban Mp4

Cấu hình ANDROID_HOME đến Windows

Để React Native sầu build ứng dụng bạn phải hướng dẫn và chỉ định nơi bạn cài đặt Android Sdk nơi đâu.Quý Khách tuân theo chỉ dẫn sau

*

*

*

*

Thông thường SDK sẽ được mua ở

c:UsersYOUR_USERNAMEAppDataLocalAndroidSdk

D. Tạo project

quý khách hàng msống CMD cùng gõ lệnh sau

react-native init AwesomeProject

Trong số đó AwesomeProject là tên project được tạo nên ra

E. Chuẩn bị trang bị Android

Trong mục này tôi sẽ lý giải chạy trên thiết bị ảo Android và trên trang bị Android thiệt. Nhưng tôi khuyên bạn hãy demo bên trên sản phẩm thật là cực tốt do đơn giản là "Ảo ko giỏi bằng thật". Thế thôi

*

Hiện lỗi cho trên đây thì nhiều người đang làm đúng giải đáp rồi đấy

*

Đến đây chắc hẳn chắc hẳn có các bạn sẽ hỏi nhấp lên xuống thế nào ? Tôi vấn đáp luôn luôn.Lắc như vậy này nhé :v

*

Và từ phía trên chúng ta đã biết 1 cách chạy lại ứng dụng mới là nhấp lên xuống sản phẩm công nghệ nhé. Bất kỳ đoạn code chuyển đổi như thế nào bạn không nên build lại tiện ích nữa mà chúng ta chỉ việc nhấp lên xuống nhấp lên xuống Android thì code mới sẽ tiến hành cập nhật bên trên lắp thêm của bạn

b) Cách 2: Kết nối trải qua Wifi

Trước hết xem IP của máy PC bạn

Đảm bảo Android và PC cùng Wifi networkMsống React Native appNhìn thấy lỗi màn hình hiển thị đỏ như sinh sống trên. OK tiếpMsinh sống Developer Menu bằng phương pháp rung lắc lắc AndroidĐến Dev Settings → Debug hệ thống host for device.Điền IP với port của sản phẩm PC vào (ví dụ 10.0.1.1:8081)Quay lại Developer menu cùng ấn ReloadXong !

II. Sử dụng thiết bị ảo Android

Cái này tôi đã đi nkhô nóng bởi vì tôi không khuyến nghị chạy thiết bị ảoQuý khách hàng msống "AVD Manager" trong Android Studio

*

Chọn "Create Virtual Device..."

*

Chọn Android 6 nlỗi hình

*

Ấn Play để chạy đồ vật ảo

Chuyển mang lại Project AwesomeProject bạn tạo thành từ trên đầu để chạy app bằng lệnh sau:

cd AwesomeProjectreact-native run-androidNếu đúng thì vẫn ra kết quả bên dưới đây

*

Do lắp thêm ảo cấp thiết lắc được buộc phải bạn bắt buộc ấn phím R 2 lần hoặc chọn Reload từ bỏ Developer Menu (Ctrl + M)

Bài viết xem nhiều