Qu’est-ce que Flutter ?
Fait partie de la section Votre première application du Journey Flutter de Coddy. Leçon 1 sur 32.
Flutter est une boîte à outils de Google pour créer des applications. Tu écris une seule application, et elle fonctionne sur les téléphones Android, les iPhones, le Web et les ordinateurs de bureau. Des applications comme Google Pay et l’application BMW sont créées avec cet outil.
Tu écris des applications Flutter dans un langage appelé Dart. Tu apprendras le Dart dont tu as besoin au fur et à mesure, petit à petit.
Une application Flutter est composée de widgets. Un widget est un élément de l’écran : une ligne de texte, un bouton, une image ou une boîte qui contient d’autres widgets. Cette application en comporte quelques-uns :
void main() {
runApp(const MyApp());
}main() est le point de départ de chaque programme Dart. runApp prend un widget et l’affiche à l’écran. Plus bas, dans MyApp, tu peux voir les widgets affichés par cette application : un Scaffold (un écran vierge), un Center et un Text. Tu n’as pas encore besoin de comprendre chaque ligne. À la fin de cette section, tu les comprendras.
Défi
FacileAppuie sur Exécuter. Ton application apparaît sur l’écran du téléphone.
Ensuite, remplace Hello, Flutter! par les mots de ton choix, conserve les guillemets autour de ces mots, puis appuie de nouveau sur Exécuter pour voir ta modification. Quand tu as terminé, appuie sur Vérifier.
Essayez vous-même
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!'),
),
),
);
}
}
Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Votre première application
1Bonjour, Flutter
Qu’est-ce que Flutter ?Modifier le texteL’arborescence des widgetsScaffold et AppBarChaînes de caractères et guillemetsCommentaires7Projet : Carte de visite
Carte de visite : Mise en pageCarte de visite : StyleEntraînez-vous par vous-même : Compilateur Flutter en ligne