Hướng dẫn cài đặt React Native một cách đơn giản 6/2020

Tram Ho

React Native là một framework rất phổ biến dùng để build Mobile App và được hẫu thuận bởi đại gia Facebook. Tuy nhiên việc cài đặt React Native không phải lúc nào cũng đơn giản và suôn sẻ. Trong bài viết này mình xin chia sẻ các bước cài đặt trên MacOS sạch hoàn toàn, tức là chưa từng cài NodeJS…

Yêu cầu

  • MacOS: Tốt nhất là xài version mới nhất (Hiện tại của mình là Catalina 10.15.4)
  • XCode editor: Download từ Apple Store (Hiện tại của mình là Xcode 11.5)
  • How brew: (Hện tại của mình là 2.3.0)

Trong bài viết này, mình chỉ thực hiện với app iOS.

Cài đặt

Máy mình chưa từng cài NodeJS. Bây giờ mở terminal lên.

  • Cài đặt Yarn
    brew install yarn

  • Cài đặt React-Native
    yarn global add react-native-cli

Như vậy là xong. Rất đơn giản đúng ko? Bây giờ thử tạo Hello World

Hello world

Mở terminal và CD đến folder của bạn
react-native init HelloWorld

  • Nếu chưa cài CocoaPods

  • Nếu đã cài CocoaPods và gặp lỗi về CocoaPods

  • Cách sửa lỗi về CocoaPods

    sudo xcode-select --switch /Applications/Xcode.app

Sau đó CD đến folder của HelloWorld và run lại Pod Install

Chạy thử

Sau đó CD đến folder của HelloWorld

react-native run-ios

Nguồn:
https://codeduthu.com/2020/01/10/huong-dan-cai-dat-react-native-don-gian-bao-chay-duoc-thang-01-2020/
https://github.com/react-native-community/react-native-maps/issues/2290

Chia sẻ bài viết ngay

Nguồn bài viết : Viblo