react-native Setup per Mac


Esempio

Installazione del gestore pacchetti Homebrew brew

Incollalo al prompt di Terminale.

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Installare Xcode IDE

Scaricalo utilizzando il link qui sotto o trovalo su Mac App Store

https://developer.apple.com/download/

NOTA: se Xcode-beta.app è installato insieme alla versione di produzione di Xcode.app , assicurati di utilizzare la versione di produzione dello strumento xcodebuild . Puoi impostarlo con:

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

Installazione dell'ambiente Android

  • git

    * Se hai installato XCode, Git è già installato, altrimenti esegui quanto segue

    brew install git 
    
  • Ultimo JDK

  • Studio Android

    Scegli un'installazione personalizzata

    Scegli un'installazione personalizzata

    Scegli sia le prestazioni che il dispositivo virtuale Android

    Scegli sia le prestazioni che il dispositivo virtuale Android

    Dopo l'installazione, scegli Configura -> Gestione SDK dalla finestra di benvenuto di Android Studio.

    scegli Configura -> Manager SDK

    Nella finestra Piattaforme SDK, seleziona Mostra dettagli pacchetto e in Android 6.0 (Marshmallow), assicurati che le API di Google, Intel x86 Atom System Image, Intel x86 Atom_64 System Image e Google API Intel x86 Atom_64 System Image siano selezionate.

    Finestra Piattaforme SDK

    Nella finestra Strumenti SDK, scegli Mostra dettagli pacchetto e in Strumenti di sviluppo SDK Android, assicurati che Android SDK Build-Tools 23.0.1 sia selezionato.

    Finestra Strumenti SDK

  • Variabile d'ambiente ANDROID_HOME

    Assicurati che la variabile di ambiente ANDROID_HOME punti al tuo SDK Android esistente. Per farlo, aggiungi questo al tuo ~ / .bashrc, ~ / .bash_profile (o qualsiasi altra cosa usi la tua shell) e riapri il tuo terminale:

    Se hai installato l'SDK senza Android Studio, potrebbe essere qualcosa del tipo: / usr / local / opt / android-sdk

    export ANDROID_HOME=~/Library/Android/sdk
    

Dipendenze per Mac

Avrai bisogno di Xcode per iOS e Android Studio per android, node.js, gli strumenti della riga di comando React Native e Watchman.

Ti consigliamo di installare nodo e watchman tramite Homebrew.

brew install node
brew install watchman

Watchman è uno strumento di Facebook per osservare i cambiamenti nel filesystem. Si consiglia vivamente di installarlo per prestazioni migliori. È opzionale

Il nodo viene fornito con npm, che consente di installare l'interfaccia della riga di comando React Native.

npm install -g react-native-cli

Se ricevi un errore di autorizzazione, prova con sudo:

sudo npm install -g react-native-cli.

Per iOS il modo più semplice per installare Xcode è tramite il Mac App Store. E per Android scarica e installa Android Studio.

Se hai intenzione di apportare modifiche al codice Java, ti consigliamo Gradle Daemon che velocizza la compilazione.

Test della tua installazione React Native

Utilizzare gli strumenti della riga di comando React Native per generare un nuovo progetto React Native denominato "AwesomeProject", quindi eseguire run-ios nativo react all'interno della cartella appena creata.

react-native init AwesomeProject
cd AwesomeProject
react-native run-ios

Dovresti vedere la tua nuova app in esecuzione su iOS Simulator a breve. react-native run-ios è solo un modo per eseguire la tua app - puoi anche eseguirla direttamente da Xcode o Nuclide.

Modifica la tua app

Ora che hai eseguito correttamente l'app, cambialo.

  • Apri index.ios.js o index.android.js nel tuo editor di testo di scelta e modifica alcune linee.
  • Premi Command⌘ + R nel tuo iOS Simulator per ricaricare l'app e vedere le tue modifiche! Questo è tutto!

Congratulazioni! Hai eseguito e modificato correttamente la tua prima app React Native.

fonte: Introduzione - React-Native