Installer et configurer Flutter Development sur Ubuntu Linux

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 :

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 :

Et ça finira comme ça :

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

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

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

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

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

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

Enfin, appuyez sur le bouton Terminer.

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

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.

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.

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

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 !

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

À 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.