SwipeButton

Dies ist ein neues React Native- Projekt, das mit @react-native-community/cli gestaltet wird.

Erste Schritte

HINWEIS : Stellen Sie sicher, dass Sie die Anweisungen für die React Native - Umgebungsanweisungen bis zum Erstellen einer neuen Anwendung abgeschlossen haben, bevor Sie fortfahren.

Schritt 1: Starten Sie den Metro -Server

Zunächst müssen Sie die Metro starten, den JavaScript -Bundler , der mit React Native geliefert wird.

Führen Sie den folgenden Befehl aus der Wurzel Ihres React Native -Projekts aus, um die Metro zu starten:

 # using npm
npm start

# OR using Yarn
yarn start

Schritt 2: Starten Sie Ihre Bewerbung

Lassen Sie Metro Bundler in einem eigenen Terminal laufen. Öffnen Sie ein neues Terminal von der Wurzel Ihres React Native -Projekts. Führen Sie den folgenden Befehl aus, um Ihre Android- oder iOS -App zu starten:

Für Android

 # using npm
npm run android

# OR using Yarn
yarn android

Für iOS

 # using npm
npm run ios

# OR using Yarn
yarn ios

Wenn alles korrekt eingerichtet ist, sollten Sie Ihre neue App in Ihrem Android -Emulator oder iOS -Simulator in Kürze zur korrekten Einrichtung Ihres Emulators/Simulators sehen.

Dies ist eine Möglichkeit, Ihre App auszuführen. Sie können sie auch direkt aus dem Android Studio bzw. Xcode ausführen.

Schritt 3: Ändern Ihrer App

Nachdem Sie die App erfolgreich ausgeführt haben, ändern wir sie.

1. Öffnen Sie App.tsx in Ihrem Texteditor Ihrer Wahl und bearbeiten Sie einige Zeilen.

2. Für Android : Drücken Sie zweimal die R -Taste oder wählen Sie im Entwicklermenü ( Strg + M (auf Fenster und Linux) oder CMD ⌘ + M (auf macOS)), um Ihre Änderungen zu sehen!

   Für iOS : Drücken Sie CMD ⌘ + R in Ihrem iOS -Simulator, um die App neu zu laden und Ihre Änderungen zu sehen!

Glückwunsch! ?

Sie haben Ihre reag -native App erfolgreich ausgeführt und geändert. ?

Was nun?

• Wenn Sie diesen neuen React Native -Code zu einer vorhandenen Anwendung hinzufügen möchten, lesen Sie den Integrationshandbuch.
• Wenn Sie neugierig sind, mehr über React Native zu erfahren, sehen Sie sich die Einführung an React Native an.

Fehlerbehebung

Wenn Sie dies nicht zum Laufen bringen können, sehen Sie sich die Seite Fehlerbehebung an.

Erfahren Sie mehr

Um mehr über React Native zu erfahren, sehen Sie sich die folgenden Ressourcen an:

• React Native Website - Erfahren Sie mehr über React Native.
• Erste Schritte - Ein Überblick über React Native und wie Sie Ihre Umgebung einrichten.
• Lernen Sie die Grundlagen kennen - eine geführte Tour durch die React Native Basics .
• Blog - Lesen Sie die neuesten offiziellen React Native Blog -Beiträge.
• @facebook/react-native - Die Open Source; Github -Repository für React Native.