Top Menu

Jump to content
Home
    • Projects
    • Work packages
    • News
    • Getting started
    • Introduction video
      Welcome to OpenProject
      Get a quick overview of project management and team collaboration with OpenProject. You can restart this video from the help menu.
    • Help and support
    • Upgrade to Enterprise edition
    • User guides
    • Videos
    • Shortcuts
    • Community forum
    • Professional support
    • Additional resources
    • Data privacy and security policy
    • Digital accessibility (DE)
    • OpenProject website
    • Security alerts / Newsletter
    • OpenProject blog
    • Release notes
    • Report a bug
    • Development roadmap
    • Add and edit translations
    • API documentation
  • Sign in
      Create a new account
      Forgot your password?

Side Menu

  • Overview
  • News
  • Forums
  • Wiki
    • Table of contents
      • Expanded. Click to collapseCollapsed. Click to showWiki
        • Expanded. Click to collapseCollapsed. Click to showBeispielprojekte
          • Hierarchy leafFlappy Box2D
          • Hierarchy leafFlappy Improved
          • Hierarchy leafHighscore Hibernate
          • Hierarchy leafHighscore Webservice + Anbindung mit Retrofit
        • Expanded. Click to collapseCollapsed. Click to showEntwicklung mit Java
          • Hierarchy leaf001) Grundlagen - Entwicklungsumgebung
          • Hierarchy leaf002) Erstes Programm
          • Hierarchy leaf003) Variablen und Datentypen
          • Expanded. Click to collapseCollapsed. Click to show004) Schleifen
            • Hierarchy leaf1) for - Zählschleife
            • Hierarchy leaf2) while
            • Hierarchy leaf3) do while
            • Hierarchy leaf4) for each
          • Hierarchy leaf005) Arrays
          • Hierarchy leaf006) Methoden
          • Expanded. Click to collapseCollapsed. Click to show007) Objektorientierte Programmierung
            • Hierarchy leaf001) Klasse
            • Hierarchy leaf002) Vererbung und Darstellung von Klassen in UML
            • Hierarchy leaf003) Abstrakte Klasse
            • Hierarchy leaf004) Design patterns
          • Expanded. Click to collapseCollapsed. Click to show008) Webservices
            • Hierarchy leaf01) REST - Representational State Transfer
            • Hierarchy leaf02) Minimaler Webservice
            • Hierarchy leaf03) Joke Webservice
            • Hierarchy leaf04) Highscore Service
        • Expanded. Click to collapseCollapsed. Click to showMatura - Vorbereitung
          • Hierarchy leaf01) Projektmanagement
          • Hierarchy leaf02) Objektorientierte Programmierung
          • Hierarchy leaf03) Modellierung und UML
          • Expanded. Click to collapseCollapsed. Click to show04) Design Patterns
            • Hierarchy leaf00) Generelle Konzepte
            • Hierarchy leafFactory(-Method) Pattern
            • Hierarchy leafObserver Pattern
            • Hierarchy leafSingleton Pattern
            • Hierarchy leafStrategy Pattern
          • Hierarchy leaf05) Algorithmen und Datenstrukturen
          • Hierarchy leaf06) Webtechnologien
          • Hierarchy leaf07) Webservices
          • Hierarchy leaf08) Softwarequalitätsmanagement
          • Hierarchy leaf09) Softwareentwicklungsmodelle
        • Expanded. Click to collapseCollapsed. Click to showProjekt Rahmenbedingungen
          • Expanded. Click to collapseCollapsed. Click to showRetrospektive
            • Hierarchy leafRetro - [Name Schüler_in]
        • Hierarchy leafReact Native
        • Expanded. Click to collapseCollapsed. Click to showÜbungen
          • Hierarchy leaf1) Basic
          • Expanded. Click to collapseCollapsed. Click to show2) Basic
            • Hierarchy leaf001) Methode ohne Rückabewert mit Parametern
            • Hierarchy leaf002) Methode mit Parametern und Rückgabewert
            • Hierarchy leaf003) Text umdrehen
            • Hierarchy leaf004) Text umdrehen 2
            • Hierarchy leaf005) Kommandozeile
            • Hierarchy leaf006) Kommandozeile 2
            • Hierarchy leaf007) Vererbung - Geometry
            • Hierarchy leaf008) File from String
            • Hierarchy leaf009) Rekursion - Summe
            • Hierarchy leaf010) Rekursion - File
          • Expanded. Click to collapseCollapsed. Click to showDatenstrukturen
            • Hierarchy leaf011) Binärbaum
            • Hierarchy leaf012) Binärbaum - Generics
            • Hierarchy leaf013) AVL - Tree
            • Hierarchy leaf014) Linked List - Einfach verkettete Liste
            • Hierarchy leaf015) Graph
            • Hierarchy leaf016) Dijkstras shortest path first
          • Expanded. Click to collapseCollapsed. Click to showJava - Kara
            • Hierarchy leafKara lernt schreiben
You are here:
  • Wiki
  • React Native

Content

React Native

  • More
    • Print
    • Table of contents

Install node

Node.js https://nodejs.org/dist/v14.1.0/node-v14.1.0-x64.msi

JDK (Java development toolkit) installieren (falls nicht vorhanden)

Android SDK installieren

Download der android commandline tools

https://dl.google.com/android/repository/commandlinetools-win-6200805_latest.zip

Erstelle für das Android SDK einen eigenen Ornder. Als Beispiel wurde C:\Android gewählt. Entpacke aus der zip Datei den tools Ordner nach C:\Android.

Der Ordner kann frei gewählt werden, jedoch scheint es nicht zu funktionieren wenn im Pfad ein Leerzeichen vorhanden ist.

Öffne die cmd

cd C:\Android\tools
#Nächstes Kommando muss nur ausgeführt werden wenn ein Ordner "lib\_\"
move lib\_\* lib  
cd bin
sdkmanager.bat --sdk_root=C:\Android --update
#Sollte es beim Download mal längere Zeit hängen, so hat ein einmaliges Strg+C bei mir geholfen
sdkmanager.bat --sdk_root=C:\Android --install "platform-tools" "platforms;android-28" "build-tools;28.0.3" "extras;google;m2repository" "extras;android;m2repository" "extras;intel;Hardware_Accelerated_Execution_Manager" "system-images;android-28;google_apis_playstore;x86_64"

Systemvariablen

Windows Symbol anklicken - Systemumgebungsvariablen bearbeiten

  • Erstelle die Systemvariable ANDROID_HOME, diese zeigt auf C:\Android
  • Erstelle die Systemvariable ANDROID_SDK_ROOT, diese zeigt auf C:\Android
  • Füge den Pfad C:\Android\platform-tools der Systemvariable Path hinzu
  • Füge den Pfad C:\Android\emulator der Systemvariable Path hinzu

Bitte alle offnen Windows cmds schließen und neu öffnen. Sonst sind die Systemvariablen nicht aktuell.

Haxm installieren

Führe dazu die Datei C:\Android\extras\intel\Hardware_Accelerated_Execution_Manager\intelhaxm-android.exe aus.

Emulator erstellen: 

cd C:\Android\tools\bin
avdmanager.bat create avd -n Handy -k "system-images;android-28;google_apis_playstore;x86_64"

Emulator starten: 

emulator -avd Handy

Erscheint folgender Fehler? 

PANIC: Broken AVD system path. Check your ANDROID_SDK_ROOT value [C:\Android]!

Öffne die Datei C:\Users\[Dein Benutzername].android\avd\Handy.avd\config.ini und ersetze die Zeile:

image.sysdir.1 = Android\system-images\android-28\google_apis_playstore\x86_64\

durch

image.sysdir.1 = C:\Android\system-images\android-28\google_apis_playstore\x86_64\

React native Project erstellen

Gehe dazu in einen Ordner deiner Wahl (es wird ein Neuer Ordner SwpProject erstellt).

npx react-native init SwpProject

Project auf Android Emulator starten

In deinem SwpProject Ordner führe folgendes Kommando aus

npx react-native run-android

Visual studio code

https://code.visualstudio.com/

Loading...