Flutter Page

La solution FLUTTER

Flutter est u framework open-source développé par Google pour créer des applications multiplateforme (mobile, web, desktop) à partir d'un seul codebase. Il utilise le langage Dart et se distingue par ses performances élevées grâce à un moteur de rendu propre (Skia) et des widgets personnalisables. Voici le code main.dart qui est l'une des parties principales du code source qui affichera le calendrier en fin de page.

                    
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'calendar_screen.dart';
import 'task_provider.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      create: (context) => TaskProvider(),
      child: MaterialApp(
        debugShowCheckedModeBanner: false,
        title: 'Agenda Flutter',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: const CalendarScreen(),
      ),
    );
  }
}

Écran de l'application générée : responsive image

Environnement de travail

Pour l'environnement de travail, seul le SDK Flutter est l'outil indispensable. Il inclus le compilateur, le créateur de projet, le gestionnaire des périphériques, l'exécuteur de test, et les outils de diagnostique. L'installation du framework se fait à partir du site web de Flutter. Les étapes d'installation varient en fonction des systèmes d'exploitation. Flutter peut être écrit avec n'impoprte quel éditeur, puis compilé et exécuté avec le SDK que vous avez installé précédement. En outre, certains IDE intègre Flutter. Ce qui rend le développement plus facile. Vous pouvez donc utiliser VS Code qui intègre le téléchargement d'un module Flutter. Vous pouvez également utliser Android Studio ou IntelliJ. Pour tester les applications développées, vous aurez besoin d'émulateur, ou de simulateur ou d'un périphérique android ou iOS. Pour installer un émulateur android il faut utiliser AVD Manager (Android Virtual Device Manager) qui se trouve dans le menu outils d'Android Studio. Pour vérifier votre chîane d'outils et déceler un problème vous pouvez exécuter la commande suivante

$ flutter doctor

Vous allez obtenir des informations de ce type :

 
[√] Flutter (Channel stable, 3.32.1, on Microsoft Windows [version 10.0.xxxxx.xxxx], locale fr-FR)
[√] Windows Version (10 Professionnel 64-bit, xxxx, 2009)
[√] Android toolchain - develop for Android devices (Android SDK version 35.0.0)
[√] Chrome - develop for the web
[√] Visual Studio - develop Windows apps (Visual Studio Community 2019 16.11.47)
[!] Android Studio (version 3.4)
    X Unable to determine bundled Java version.
[√] Android Studio (version 2024.3.2)
[√] VS Code (version 1.101.1)
[√] Connected device (2 available)
[√] Network resources

La mise à jour de Flutter ce fait avec la commande suivante :


$ flutter upgrade

Coder votre première application avec FLUTTER

Pour créer une application flutter par exemple my_app, rentrer la commande suivante :


$ flutter create my_app

Cette commande vous générera plusieurs dossiers et fichiers telque le dossier file dans lequel se trouvera toute votre code source .dart et le fichier pubspec.yaml qui contient la description de la configuration du projet avec les dépendances.

Les Solutions Digitales d'Aujourd'hui et de Demain

La solution FLUTTER

Environnement de travail

Coder votre première application avec FLUTTER

Nos Coordonnées