• Exercice 01

o Énoncé
o Créer un nouveau projet Flutter appelé ‘votrePrenomNom‘,
o Sous le dossier lib, ouvrez le fichier principal main.dart.
o Supprimez le code du fichier main.dart , remplacez le par le code
qui vous permet de :
o Créez une application Flutter qui contient une seule
activité, avec deux ‘ElevatedButton‘ portant deux
icones comme il est indiqué sur l’image ci-dessous, et
un widget “container” qui contient un numéro.
o Votre application doive correspondre au schéma
suivant:

o Solution

o import 'package:flutter/material.dart';
o
o void main() => runApp(const MyWidget());
o
o class MyWidget extends StatelessWidget {
o const MyWidget({super.key});
o
o @override
o Widget build(BuildContext context) {
o return MaterialApp(
o debugShowCheckedModeBanner: false,
o home: Scaffold(
o appBar: AppBar(
o leading: const Icon(Icons.access_alarm),
o title: const Text('Votre prénom et nom'),
o elevation: 4,
o ),
o body: const InteractiveWidget(),
o ),
o );
o }
o }
o
o class InteractiveWidget extends StatefulWidget {
o const InteractiveWidget({super.key});
o
o @override
o State<InteractiveWidget> createState() =>
_InteractiveWidgetState();
o }
o
o class _InteractiveWidgetState extends State<InteractiveWidget> {
o @override
o Widget build(BuildContext context) {
o return Container(
o alignment: Alignment.topCenter,
o child: Row(
o mainAxisAlignment: MainAxisAlignment.center,
o children: [
o ElevatedButton(
o onPressed: () {
o
o },
o child: const Icon(
o Icons.add,
o size: 50.0,
o ),
o ),
o Container(
o padding: const EdgeInsets.all(20),
o child: Text(
o '0',
o style: TextStyle(
o fontSize: 60, color: Colors.red),
o ),
o ),
o ElevatedButton(
o onPressed: () {
o
o },
o child: const Icon(
o Icons.remove,
o size: 50.0,
o ),
o ),
o ],
o ),
o );
o }
o }