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ườngQuý khách hàng cần phải gồm :
NodePython2JDKAndroid StudioTrong 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ườngquý khách hàng rất cần phải gồm :
NodePython2JDKAndroid StudioHả 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 AndroidTải Android Studio tại đây. Cài đặt và nhớ lựa chọn những mục sau:
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 ImageTiế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
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 projectquý 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ị AndroidTrong 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 WifiTrướ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 !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)