Scribd
Importer
189 vues2 pages

Guide Flutter

Ce guide fournit des instructions détaillées pour créer une application Flutter, incluant l'installation de Flutter et d'Android Studio, ainsi que la vérification de l'installation. Il explique également comment créer un projet Flutter et personnaliser l'écran d'accueil en modifiant le code dans le fichier lib/main.dart. Les étapes sont simples et adaptées aux débutants souhaitant développer leur première application Flutter.

Transféré par

dossoug374
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
189 vues2 pages

Guide Flutter

Ce guide fournit des instructions détaillées pour créer une application Flutter, incluant l'installation de Flutter et d'Android Studio, ainsi que la vérification de l'installation. Il explique également comment créer un projet Flutter et personnaliser l'écran d'accueil en modifiant le code dans le fichier lib/main.dart. Les étapes sont simples et adaptées aux débutants souhaitant développer leur première application Flutter.

Transféré par

dossoug374
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Guide : Creer une application Flutter

Ce guide vous aidera a creer votre premiere application Flutter en suivant des etapes simples et
detaillees.

1. Installation de Flutter
1. Telechargez Flutter sur : https://flutter.dev/docs/get-started/install
2. Installez Android Studio : https://developer.android.com/studio
3. Verifiez l'installation avec la commande : flutter doctor

2. Creer un projet Flutter


1. Ouvrez un terminal et tapez :
flutter create my_app
2. Accedez au dossier du projet :
cd my_app
3. Lancez l'application sur un emulateur ou un appareil :
flutter run

3. Modifier le code pour afficher un ecran personnalise


Ouvrez le fichier lib/main.dart et remplacez son contenu par :
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {


@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Ma Premiere App',
theme: ThemeData(primarySwatch: Colors.blue),
home: HomeScreen(),
);
}
}

class HomeScreen extends StatelessWidget {


@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('Accueil')),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text('Bienvenue sur Flutter !',
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold)),
SizedBox(height: 20),
ElevatedButton(
onPressed: () { print("Bouton clique !"); },
child: Text('Clique-moi'),
),
],
),
),
);
}
}

Vous aimerez peut-être aussi