Installer et configurer Flutter Development sur Ubuntu Linux

  • FrançaisFrançais



  • La boîte à outils d’interface utilisateur Flutter de Google devient de plus en plus populaire pour créer des applications multiplateformes pour le mobile, le Web et le bureau.

    Battement n’est pas un langage de programmation mais un kit de développement logiciel. Dard est le langage de programmation utilisé sous le SDK Flutter.

    Flutter est le principal framework derrière le système d’exploitation open source Fuchsia de Google, Google STADIA et de nombreux autres logiciels et applications mobiles.

    Si vous souhaitez commencer à développer avec Flutter, ce didacticiel vous aidera à préparer votre configuration sur Ubuntu et, espérons-le, d’autres distributions Linux.

    Installation de Flutter sur Ubuntu et autres Linux avec Snap

    Le moyen le plus simple d’installer Flutter sur Linux est d’utiliser Snap. Si vous utilisez Ubuntu, vous avez déjà Snap. Pour les autres distributions, assurez-vous d’activer la prise en charge de Snap.

    Ouvrez un terminal et utilisez la commande suivante dans un terminal pour installer Flutter :

    sudo snap install flutter --classic

    Vous verrez quelque chose comme ceci sur votre terminal :

    installer Flutter sur Ubuntu

    Une fois l’installation terminée, il est temps de la vérifier. Non seulement l’installation de Flutter, mais également la vérification de toutes les dépendances qui doivent être satisfaites pour que Flutter fonctionne correctement.

    Vérifier les dépendances Flutter

    Pour vérifier que chaque dépendance, pour le bon fonctionnement de Flutter, est installée, Flutter dispose d’une option intégrée :

    flutter doctor

    Le processus commencera, ressemblant à ceci :

    Vérifier l'installation de Flutter

    Et ça finira comme ça :

    Vérification du flottement terminée

    Comme vous pouvez le voir, nous avons besoin d’Android Studio pour travailler. Alors installons-le. Comment fait-on cela? L’installation d’Android Studio sur Linux se fait également sans effort avec Snap.

    Installer et configurer Android Studio

    Dans un terminal, utilisez la commande suivante pour installer Android Studio :

    sudo snap install android-studio --classic
    Installer Android Studio sous Linux avec Snap

    Une fois installé, ouvrez Android Studio à partir du menu de notre système d’exploitation.

    ouvrir le studio android

    Tu as presque fini. Il est temps de configurer Android Studio.

    Configuration d'Android Studio

    Cliquez sur suivant et sélectionnez standard si vous ne voulez pas compliquer les choses.

    Configuration d'Android Studio

    Sélectionnez votre thème préféré (j’aime le sombre).

    Configuration d'Android Studio

    Vérifiez que tout est OK et cliquez sur Suivant.

    Configuration d'Android Studio

    Enfin, appuyez sur le bouton Terminer.

    Configuration d'Android Studio

    Et attendez que le téléchargement soit terminé.

    Configuration d'Android Studio

    Création d’un exemple d’application Hello World Flutter

    Dans Android Studio, accédez à Projets et sélectionnez Nouveau projet Flutter. Le chemin du SDK Flutter sera défini par défaut.

    nouveau projet flutter

    Et c’est ici que la magie commence à apparaître car c’est là que vous définissez le nom de votre projet, qui dans ce cas s’appellera hello_world.

    Sélectionnons les trois plateformes disponibles : Android, iOS et Web. Et enfin, cliquez sur Terminer.

    Exemple de projet Flutter

    Le dossier principal des projets se trouve dans lib/main.dart, comme le montre l’image suivante.

    Exemples de projets Flutter

    Une fois sélectionné, effacez tout le contenu du fichier et modifiez-le pour cet exemple de code :

    // Copyright 2018 The Flutter team. All rights reserved.
    // Use of this source code is governed by a BSD-style license that can be
    // found in the LICENSE file.
    
    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: const Text('Welcome to Flutter'),
            ),
            body: const Center(
              child: Text('Hello World'),
            ),
          ),
        );
      }
    }

    Il est important de dire que c’est uniquement pour vous montrer comment fonctionne Flutter, au cas où vous seriez convaincu d’apprendre cette langue magnifique et incroyable, voici le Documentation pour en savoir plus. Essayer ce!

    Enfin, sélectionnez Chome Web appareil et cliquez sur le Courir bouton, comme indiqué ci-dessous ; et voyez la magie !

    Exemple de projet Flutter dans Ubuntu

    C’est incroyable à quelle vitesse vous pouvez créer un projet Flutter. Dites bonjour à votre projet Hello World.

    Exécuter un exemple de projet Flutter

    À la fin…

    Flutter et Dart sont parfaits si vous souhaitez contribuer avec de belles interfaces mobiles et Web en peu de temps.

    Vous savez maintenant comment installer Flutter sur Ubuntu Linux et comment créer votre première application avec. J’ai vraiment aimé écrire cet article pour vous, en espérant que cela vous aide et si vous avez des questions, n’hésitez pas à me le faire savoir en laissant un commentaire ou en m’envoyant un e-mail à [email protected] Bonne chance!

    Tutoriel fourni par Marco Antonio Carmona Galván, étudiant en physique et science des données.

    Source

    N'oubliez pas de voter pour cet article !
    1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
    Loading...

    Laisser un commentaire

    Votre adresse e-mail ne sera pas publiée.