Publié · en amélioration
Framework · Depuis 2017
Flutter est le framework d'interface open source de Google pour créer des applications mobiles, web et de bureau à partir d'un seul code Dart.
Flutter est un framework d'interface utilisateur open source développé par Google et publié pour la première fois en 2017. Un seul code source permet de cibler Android, iOS, le web, Windows, macOS et Linux. Les applications sont écrites en Dart, le langage orienté objet de Google, dont la syntaxe rappelle Java et TypeScript, avec la sécurité vis-à-vis des valeurs nulles et async/await ; le SDK Dart est fourni avec Flutter.
Au lieu d'utiliser les composants d'interface natifs de chaque plateforme, Flutter dessine chaque pixel avec son propre moteur de rendu. L'application a ainsi le même aspect et le même comportement partout, et les designs comme les animations personnalisés sont libres de toute contrainte. Les builds de production compilent le code Dart à l'avance en code machine, et pendant le développement le hot reload applique les modifications immédiatement tout en conservant l'état de l'application. C'est pourquoi Flutter est très utilisé pour les applications mobiles qui doivent sortir sur plusieurs plateformes à la fois.
Pour commencer, installez le SDK Flutter, vérifiez votre environnement avec flutter doctor, puis apprenez le modèle de widgets en modifiant l'application de compteur générée par flutter create. Les codelabs officiels et le guide du langage Dart expliquent pas à pas comment composer des widgets, gérer l'état et construire des mises en page. Les paquets se trouvent sur pub.dev et s'ajoutent avec flutter pub add.
Le même code Dart produit des applications Android, iOS, web, Windows, macOS et Linux ; le code propre à une plateforme ne s'ajoute qu'en cas de besoin.
Texte, marges, mises en page et écrans entiers sont des widgets, et les interfaces complexes naissent de l'assemblage de petits widgets.
Les modifications du code apparaissent dans l'application en cours d'exécution en une seconde environ, sans perdre son état.
Le moteur de Flutter dessine chaque pixel, et les builds de production sont compilés à l'avance en code machine pour une exécution fluide.
Installez l'extension Flutter dans VS Code et laissez-la télécharger le SDK, ou téléchargez le SDK pour votre système sur docs.flutter.dev, décompressez-le et ajoutez son dossier bin au PATH. Le SDK Dart est inclus.
Lancez flutter doctor pour savoir si les outils de chaque plateforme cible, comme Android Studio, Xcode, Chrome ou Visual Studio, sont installés. Seuls les outils des plateformes visées sont nécessaires.
flutter doctorCréez un projet avec flutter create et lancez-le sur un appareil connecté, un émulateur ou un navigateur. Enregistrer le code pendant l'exécution applique la modification grâce au hot reload.
flutter create hello_app && cd hello_app && flutter runToute application Flutter démarre par la fonction main de lib/main.dart, et le widget passé à runApp occupe tout l'écran. MaterialApp fournit la structure d'une application Material Design, Scaffold la mise en page de base d'un écran, et Center et Text affichent un message centré. Remplacez le main.dart généré par ce code et lancez-le avec flutter run.
lib/main.dart
import 'package:flutter/material.dart';
void main() {
runApp(
const MaterialApp(
home: Scaffold(
body: Center(child: Text('Hello, world!')),
),
),
);
}
flutter create hello_app && cd hello_app && flutter runSix chapitres pour aller de l'installation aux notions essentielles de Flutter.
Posez vos questions, partagez votre expérience et échangez vos avis sur Flutter.
Aucune discussion pour l'instant. Lancez la première.
0 commentaire
Se connecter · Connectez-vous pour laisser un commentaire.
Soyez le premier à commenter.