Erste Schritte in der mobilen App-Entwicklung mit Flutter

Flutter ist ein von Google entwickeltes Open-Source-UI-Framework. Damit entwickeln Sie Anwendungen für iOS, Android, Web und Desktop aus einer einzigen Codebasis.

Was ist Flutter?

Flutter ist ein von Google geschaffenes Framework für moderne und schnelle mobile Apps. Es nutzt die Programmiersprache Dart und ermöglicht plattformübergreifende Entwicklung.

Live-Demo: Flutter-Einstiegsbeispiel

Probieren Sie Ihre erste Flutter-Anwendung interaktiv aus:

💡 Falls das Beispiel oben nicht lädt, klicken Sie auf DartPad, um es in einem neuen Tab auszuführen.

Vorteile von Flutter

Eine Codebasis: Denselben Code für iOS und Android nutzen
Hot Reload: Änderungen sofort sehen
Umfangreiche Widget-Bibliothek: Material-Design- und Cupertino-Widgets
Hohe Performance: Geschwindigkeit nahe an nativer Entwicklung
Große Community: Breite Entwicklergemeinschaft und Paket-Ökosystem

Die Programmiersprache Dart

Flutter verwendet die Sprache Dart. Dart ist modern, objektorientiert und typsicher.

void main() {
  print('Hello Flutter!');
  
  var name = 'Ahmet';
  int age = 25;
  
  print('My name is $name and I am $age years old');
}

Flutter installieren

1. Flutter SDK herunterladen

Laden Sie das Flutter SDK von der offiziellen Flutter-Website herunter und folgen Sie der Installationsanleitung.

2. Eine IDE wählen

Android Studio (empfohlen)
VS Code (leichtgewichtig und schnell)
IntelliJ IDEA

3. Installation prüfen

Führen Sie diesen Befehl im Terminal aus:

flutter doctor

Ihre erste Flutter-Anwendung

So erstellen Sie ein neues Flutter-Projekt:

flutter create my_first_app
cd my_first_app
flutter run

Ein einfaches Widget-Beispiel

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'My First App',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Hello Flutter'),
        ),
        body: Center(
          child: Text(
            'I am developing with Flutter!',
            style: TextStyle(fontSize: 24),
          ),
        ),
      ),
    );
  }
}

Was ist ein Widget?

In Flutter ist alles ein Widget. Ein Button, ein Text, eine Farbe, ein Abstand – alles sind Widgets.

Es gibt zwei Arten von Widgets:

StatelessWidget: Widgets, die sich nicht ändern
StatefulWidget: Widgets, deren Zustand sich ändern kann

Fazit

Flutter ist ein hervorragendes Framework für die mobile App-Entwicklung: leicht zu lernen, angenehm zu benutzen und mit beeindruckenden Ergebnissen.

Weiterlernen

Noch Fragen? Schreiben Sie mir über WhatsApp!

Möchten Sie Unterricht nehmen? Meine Kurse finden Sie auf den Plattformen Sorbil und Superprof.

Erste Schritte in der mobilen App-Entwicklung mit Flutter