Das UI-Toolkit Flutter von Google wird immer beliebter, um plattformübergreifende Anwendungen für Mobilgeräte, Web und Desktop zu erstellen.
Flattern ist keine Programmiersprache, sondern ein Software Development Kit. Pfeil ist die Programmiersprache, die unter dem Flutter SDK verwendet wird.
Flutter ist das Hauptframework hinter Googles Open Source Fuchsia OS, Google STADIA und vielen anderen Software und mobilen Apps.
Wenn Sie mit Flutter entwickeln möchten, hilft Ihnen dieses Tutorial, Ihr Setup auf Ubuntu und hoffentlich anderen Linux-Distributionen vorzubereiten.
Flutter unter Ubuntu und anderen Linux mit Snap installieren
Der einfachste Weg, Flutter unter Linux zu installieren, ist die Verwendung von Snap. Wenn Sie Ubuntu verwenden, haben Sie Snap bereits. Stellen Sie bei anderen Distributionen sicher, dass die Snap-Unterstützung aktiviert ist.
Öffnen Sie ein Terminal und verwenden Sie den folgenden Befehl in einem Terminal, um Flutter zu installieren:
sudo snap install flutter --classic
Auf Ihrem Terminal wird etwa Folgendes angezeigt:
Sobald die Installation abgeschlossen ist, ist es an der Zeit, sie zu überprüfen. Nicht nur die Installation von Flutter, sondern überprüft auch jede Abhängigkeit, die erfüllt werden muss, damit Flutter ordnungsgemäß funktioniert.
Flutter-Abhängigkeiten überprüfen
Um zu überprüfen, ob alle Abhängigkeiten für die korrekte Funktion von Flutter installiert sind, verfügt Flutter über eine integrierte Option:
flutter doctor
Der Prozess beginnt und sieht wie folgt aus:
Und so wird es enden:
Wie Sie sehen, benötigen wir Android Studio zum Arbeiten. Also installieren wir es. Wie machen wir das? Die Installation von Android Studio unter Linux ist mit Snap ebenfalls mühelos.
Android Studio installieren und einrichten
Verwenden Sie in einem Terminal den folgenden Befehl, um Android Studio zu installieren:
sudo snap install android-studio --classic
Öffnen Sie nach der Installation Android Studio über unser Betriebssystemmenü.
Du bist fast fertig. Es ist Zeit, Android Studio zu konfigurieren.
Klicken Sie auf Weiter und wählen Sie Standard, wenn Sie die Dinge nicht komplizieren möchten.
Wählen Sie Ihr bevorzugtes Thema aus (ich mag das Dunkle).
Stellen Sie sicher, dass alles in Ordnung ist und klicken Sie auf Weiter.
Klicken Sie abschließend auf die Schaltfläche Fertig stellen.
Und warten Sie, bis der Download abgeschlossen ist.
Erstellen einer Beispiel-App für Hello World Flutter
Gehen Sie in Android Studio zu Projekte und wählen Sie Neues Flutter-Projekt. Der Flutter SDK-Pfad wird standardmäßig festgelegt.
Und hier beginnt die Magie zu erscheinen, denn hier legen Sie Ihren Projektnamen fest, der in diesem Fall hello_world heißt.
Lassen Sie uns die drei verfügbaren Plattformen auswählen: Android, iOS und Web. Klicken Sie abschließend auf Fertig stellen.
Die Hauptdatei in den Projekten befindet sich in lib/main.dart, wie im nächsten Bild gezeigt.
Löschen Sie nach der Auswahl alles, was in der Datei enthalten ist, und ändern Sie es für diesen Beispielcode:
// Copyright 2018 The Flutter team. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Welcome to Flutter',
home: Scaffold(
appBar: AppBar(
title: const Text('Welcome to Flutter'),
),
body: const Center(
child: Text('Hello World'),
),
),
);
}
}
Es ist wichtig zu sagen, dass dies nur dazu dient, Ihnen zu zeigen, wie Flutter funktioniert. Falls Sie davon überzeugt sind, diese schöne und unglaubliche Sprache zu lernen, hier ist die Dokumentation um mehr darüber zu sehen. Versuchen es!
Wählen Sie schließlich Chome-Web Gerät und klicken Sie auf das Lauf Schaltfläche, wie unten gezeigt; und sieh die Magie!
Es ist unglaublich, wie schnell Sie ein Flutter-Projekt erstellen können. Begrüßen Sie Ihr Hello World-Projekt.
Schlussendlich…
Flutter und Dart sind perfekt, wenn Sie in kurzer Zeit mit schönen Mobil- und Weboberflächen beitragen möchten.
Jetzt wissen Sie, wie Sie Flutter unter Ubuntu Linux installieren und Ihre erste App damit erstellen. Ich habe es wirklich genossen, diesen Beitrag für Sie zu schreiben, in der Hoffnung, dass Ihnen das hilft. Wenn Sie Fragen haben, lassen Sie es mich bitte wissen, indem Sie einen Kommentar hinterlassen oder mir eine E-Mail senden an [email protected] Viel Glück!
Tutorial von Marco Antonio Carmona Galván, einem Studenten der Physik und Datenwissenschaft.
