Flutter installieren und ausführen für Android.

Hier sehen wir den Download und die Installation von Flutter für Windows und führen das Beispiel aus und erstellen die Beispiel-Android-App.

Was ist die Sprache Flutter?

Flutter - Apps verwenden die Programmiersprache Dart zum Erstellen einer App. Die Dart-Programmierung teilt mehrere Funktionen mit anderen Programmiersprachen wie Kotlin und Swift und kann in JavaScript -Code transkompiliert werden. Flutter ist hauptsächlich für mobile 2D-Apps optimiert , die sowohl auf Android- als auch auf iOS - Plattformen ausgeführt werden können.

Um Flatter herunterzuladen, müssen wir auf ihre Website gehen —https://flutter.dev/docs/get-started/install/windows#get-the-flutter-sdk

Nach dem Herunterladen der Zip-Datei müssen Sie die Zip- Datei zwangsweise auf Laufwerk C entpacken .

Danach müssen wir die Umgebungsvariable einrichten, wenn Sie in Laufwerk C extrahieren, wird Ihr Pfad sein -

C:\Flutter\bin

Um dies zu überprüfen, öffnen Sie CMD und geben Sie den Befehl ein -

flutter

      

       flutter-command
      

flutter doctor -v

      

       flutter doctor -v
      

(Denken Sie daran, dass Sie auch Android Studio benötigen, damit der Emulator den Code ausführen kann.)

Dieser Installationsprozess ist für VS Code und Android Studio üblich. Sie müssen also nicht immer wieder denselben Vorgang durchführen.

Jetzt gibt es zwei Möglichkeiten, Ihren Code auszuführen und auszuführen:

1. Visual Studio-Code .

2. Android-Studio .

Beginnen wir mit dem Schritt zum Ausführen in Visual Studio Code (VS Code) -

1. Laden Sie zuerst den VS-Code herunter und installieren Sie ihn

2. Öffnen Sie VS Code und gehen Sie zum Erweiterungssymbol, klicken Sie darauf und installieren Sie einige hilfreiche Erweiterungen wie -

a. Flattern.

b. Pfeil.

c. Tolle Flutter-Snippets.

d. Flutter-Widgets-Snippets.

Diese Erweiterung hilft Ihnen dabei, Flutter einfach zu verwenden, mit schnellen Tipps und Vorschlägen, um Ihre Arbeit schneller und zuverlässiger zu erledigen, und das alles ist leicht zugänglich und leicht verständlich.

3. Erstellen Sie einen leeren Ordner und benennen Sie ihn nach Ihren Wünschen.

4. Öffnen oder ziehen Sie den leeren Ordner in VS Code.

5. Öffnen Sie nun das Terminal in VS Code, Sie sehen die Terminaloption oben in VS Code oder verwenden Sie die Tastenkombination Strg + Umschalt + `.

6. Um ein Projekt zu erstellen, schreiben Sie diesen Befehl in das Terminal:

flutter create <project_name>

      

       Create Project command
      

cd <project_name>

      

       Command to come in root folder
      

8. Danach erhalten Sie standardmäßig das Testcodebeispiel im lib-Ordner, der die Datei main.dart ist.

9. Um eine App in Android auszuführen, müssen Sie zuerst den Emulator starten, der in der unteren rechten Ecke als Geräte angezeigt wird, klicken Sie darauf und wählen Sie Ihren Emulator und starten Sie das Gerät.

10. Zum Ausführen des Projekts müssen Sie nun den Befehl geben -

flutter run

*Hinweis: Dies gilt für Android-Benutzer, nicht für iOS-Benutzer*

Bis hierher sehen wir also, wie man die Flatter-App in VS Code für Android herunterlädt, installiert und ausführt.

Das ist hier noch nicht vorbei, jetzt ist es Zeit für Android Studio, Flattercodes auszuführen.

Hoffe es gefällt euch!!!

Kommen wir zum nächsten Schritt der Verwendung von Flutter in Android Studio -

1. Laden Sie zunächst Android Studio herunter und installieren Sie es.

2. Wenn Sie neu bei Android Studio sind, müssen Sie einige wichtige Dinge wie die SDK-Plattform, das SDK-Tool und den Emulator installieren. Und wer das alles schon eingerichtet hat, geht einfach zu -

File -> Settings -> Plugins -> search for 'flutter' -> click install

3. Danach beginnen wir jetzt mit der Erstellung eines Projekts -

File -> New -> New Flutter Project

      

       Create new flutter project
      

5. Wählen Sie die Flutter-Anwendung und klicken Sie dann auf Weiter.

6. Jetzt wird angezeigt, konfigurieren Sie die neue Flutter-Anwendung. Darunter müssen Sie Ihren Projektnamen, den SDK-Pfad, den Projektspeicherort (wo Sie das Projekt speichern möchten) und die Beschreibung (nicht wichtig) festlegen.

SDK Path - "C:\Flutter"

7. Sie müssen den Paketnamen festlegen, aber ich denke, Sie müssen ihn nicht ändern, da Sie sich in der Lernphase befinden.

8. Klicken Sie auf Weiter, jetzt wird automatisch mit der Konfiguration Ihres Projekts begonnen und Sie sehen direkt den Beispiel-Dart-Code.

9. Danach können Sie den grünen Button in der oberen rechten Ecke sehen, um den Code auszuführen —

Klicken Sie zum Ausführen auf die grüne Schaltfläche oder verwenden Sie die Tastenkombination Umschalt + F10 / Umschalt + Fn + F10.

Ich hoffe, Sie haben bis hierhin den Download und die Installation von Flutter in VS-Code und Android Studio verstanden.

Wenn Sie Zweifel oder Verständnisprobleme bei einem der Schritte haben, können Sie mir gerne eine Nachricht oder DM auf GitHub , Instagram und Mail senden .

Willst du mehr Sachen/ Blogs zu Flutter, Python und Android, schick mir einfach eine DM.

Ich hoffe, dies wird ein hilfreicher Blog für Ihren Lern- und Verständniszweck sein. Jetzt können Sie Ihre eigene mobile „ Hybridanwendung Flutter “ entwickeln .