Was ist Flutter?

Teil des Abschnitts Deine erste App der Flutter-Journey von Coddy. Lektion 1 von 32.

Flutter ist ein Toolkit von Google zum Entwickeln von Apps. Du schreibst eine App, und sie läuft auf Android-S Smartphones, iPhones, im Web und auf Desktop-Computern. Apps wie Google Pay und die BMW-App werden damit entwickelt.

Du schreibst Flutter-Apps in einer Sprache namens Dart. Du lernst Dart, während du vorankommst, Stück für Stück.

Eine Flutter-App besteht aus Widgets. Ein Widget ist ein Teil des Bildschirms: eine Textzeile, eine Schaltfläche, ein Bild oder ein Feld, das weitere Widgets enthält. Diese App hat einige davon:

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

main() ist der Einstiegspunkt jedes Dart-Programms. runApp nimmt ein Widget und zeigt es auf dem Bildschirm an. Weiter unten, in MyApp, kannst du die Widgets sehen, die diese App anzeigt: ein Scaffold (ein leerer Bildschirm), ein Center und ein Text. Du musst noch nicht jede Zeile verstehen. Am Ende dieses Abschnitts wirst du es.

Aufgabe

Einfach

Drücke auf Run. Deine App erscheint auf dem Bildschirm des Telefons.

Ändere dann Hello, Flutter! in beliebige Wörter, die dir gefallen, lass die Anführungszeichen darum stehen und drücke erneut auf Run, um deine Änderung zu sehen. Wenn du fertig bist, drücke auf Check.

Probier es selbst

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Text('Hello, Flutter!'),
        ),
      ),
    );
  }
}