Flutter

De EduTech Wiki
Aller à : navigation, rechercher

Flutter[1] est un framework de développement d'applications multiplateforme open source créé par Google. [2]

Il est utilisé pour développer des applications pour Android et iOS et constitue également la méthode principale de création d'applications pour Google Fuchsia.

La première version de flutter date de mai 2017. Depuis décembre 2018, il est en version stable. Il est développé en C, C++, Dart et Skia Graphics Engine.

Flutter se compose principalement de la plateforme dart, du moteur Flutter, de la foundation library et des différentes widgets.

Le langage DART est un langage de programmation web. Son but est de se substituer au langage JavaScript et de devenir la référence pour le développement multiplateforme.

Depuis mai 2019, en plus de développement pour IOS et Android, Flutter permet de créer des applications web et desktop. [3]

1 Développer en flutter

Pour des développeurs ayant des connaisances en Java, JavaScript, React, PHP, Android et IOS le développement sur Flutter ne devrait pas poser de problème du fait de la ressemblance des langages. [4]

1.1 Hello World

Voici, selon le site officiel de Flutter , comment générer Hello World affiché sur son écran de portable [5]

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: Text('Welcome to Flutter'),
        ),
        body: Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}

1.2 Les widgets

L'interface se construit à l'aide de widgets. Chaque widget permet de décrire ce à quoi leur vue doit ressembler en fonction de leur configuration et de leur état. Un vaste catalogue de Widget produit par Flutter est disponible.[6]

1.3 Le hot reload

Flutter inclut la fonctionnalité de "Hot reload" qui permet de modifier le code en développement et de le tester directement sur smartphone sans devoir exécuter à nouveau toute l'application. [7]

  1. https://flutter.dev
  2. https://en.wikipedia.org/wiki/Flutter_(software)
  3. https://siecledigital.fr/2019/05/09/flutter-une-passerelle-entre-application-mobile-desktop-web-et-iot/
  4. https://flutter.dev/docs/get-started/flutter-for/web-devs
  5. https://flutter.dev/docs/get-started/codelab
  6. https://flutter.dev/docs/development/ui/widgets
  7. https://flutter.dev/docs/development/tools/hot-reload