« Flutter » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
(Flutter est un framework de développement d'applications multiplateforme)
 
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
Flutter est un framework de développement d'applications multiplateforme open source créé par Google.  
Flutter<ref><nowiki>https://flutter.dev</nowiki></ref> est un framework de développement d'applications multiplateforme open source créé par Google. <ref><nowiki>https://en.wikipedia.org/wiki/Flutter_(software)</nowiki></ref>


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.
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.
Ligne 11 : Ligne 11 :
Depuis mai 2019, en plus de développement pour IOS et Android, Flutter permet de créer des applications web et desktop.
Depuis mai 2019, en plus de développement pour IOS et Android, Flutter permet de créer des applications web et desktop.


Sources: Wikipedia (ENG) / Flutter.dev
== 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. <ref><nowiki>https://flutter.dev/docs/get-started/flutter-for/web-devs</nowiki></ref>
 
=== Hello World ===
Voici, selon le site officiel de Flutter , comment générer Hello World affiché sur son écran de portable <ref><nowiki>https://flutter.dev/docs/get-started/codelab</nowiki></ref>
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'),
        ),
      ),
    );
  }
}
 
=== 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.<ref><nowiki>https://flutter.dev/docs/development/ui/widgets</nowiki>
</ref>
 
=== 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. <ref><nowiki>https://flutter.dev/docs/development/tools/hot-reload</nowiki></ref>

Version du 12 juin 2019 à 10:03

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 du : plateforme dart, le moteur Flutter, la foundation library et les différentes widgets.

Le language DART est un langage de progammation 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.

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. [3]

Hello World

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

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'),
        ),
      ),
    );
  }
}

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.[5]

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. [6]

  1. https://flutter.dev
  2. https://en.wikipedia.org/wiki/Flutter_(software)
  3. https://flutter.dev/docs/get-started/flutter-for/web-devs
  4. https://flutter.dev/docs/get-started/codelab
  5. https://flutter.dev/docs/development/ui/widgets
  6. https://flutter.dev/docs/development/tools/hot-reload