Projet Flutter : Application de Navigation et Gestion des Données

import 'package:flutter/material.dart';
import 'package:flutter3_navigation/pages/adddatapage.dart';
import 'package:flutter3_navigation/pages/endpage.dart';
import 'package:flutter3_navigation/pages/homepage.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(primarySwatch: Colors.blue),
      routes: {
        '/': (BuildContext context) => HomePage(title: 'Flutter 3 : Navigation'),
        '/adddata': (BuildContext context) => AddDataPage(),
        '/endpage': (BuildContext context) => EndPage(),
      },
      initialRoute: '/',
    );
  }
}

import 'package:flutter/material.dart';

class AddDataPage extends StatelessWidget {
  final TextEditingController _cityNameController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
          backgroundColor: Color.fromARGB(255, 8, 123, 247), // Utiliser la couleur noire pour l'appBar
        iconTheme: IconThemeData(
          color: Colors.white, // Change la couleur de la flèche de retour en arrière en blanc
        ),
        title: Text(
          "Add City",
          style: TextStyle(fontSize: 16.0 ,color: Colors.white),
        ),
      ),
      body: SafeArea(
        child: Container(
          padding: const EdgeInsets.all(16.0),
          child: Column(
            children: [
              TextField(
                decoration: InputDecoration(
                  labelText: "City Name",
                ),
                controller: _cityNameController,
              ),
              ButtonBar(
                alignment: MainAxisAlignment.end,
                children: [
                  ElevatedButton(
                    onPressed: () {
                      Navigator.pop(context);
                    },
                    child: Text("Cancel"),
                  ),
                  ElevatedButton(
                    onPressed: () {
                      Navigator.pop(context, _cityNameController.text);
                    },
                    child: Text("Add"),
                  ),
                ],
              ),
            ],
          ),
        ),
      ),
      bottomNavigationBar: _getBottomNavigationBarWidget(context),
    );
  }

  Widget _getBottomNavigationBarWidget(BuildContext context) {
    return Container(
      color: Colors.black87,
      child: ButtonBar(
        mainAxisSize: MainAxisSize.max,
        alignment: MainAxisAlignment.end,
        children: [
          IconButton(
            icon: Icon(
              Icons.arrow_forward,
              size: 24.0,
              color: Colors.white,
            ),
            onPressed: () {
              Navigator.pushNamed(context, "/endpage");
            },
          )
        ],
      ),
    );
  }
}

import 'package:flutter/material.dart';

class EndPage extends StatelessWidget {

  @override
  Widget build(BuildContext context) {

    return Scaffold(
      appBar: AppBar(
                  backgroundColor: Color.fromARGB(255, 8, 123, 247), // Utiliser la couleur noire pour l'appBar
iconTheme: IconThemeData(
          color: Colors.white, // Change la couleur de la flèche de retour en arrière en blanc
        ),
        title: Text(
          "End Page",
          style: TextStyle(fontSize: 16.0, color: Colors.white),
        ),
      ),
      body: Center(
        child: Text("Welcome to End Page",style: TextStyle(fontSize: 24.0,fontWeight: FontWeight.bold),),
      ),
      bottomNavigationBar: _getbottomNavigationBarWidget(context),
    );
  }

  Widget _getbottomNavigationBarWidget(BuildContext context) {
    return Container(
      color: Colors.white,

      child: ButtonBar(
        mainAxisSize: MainAxisSize.max,
        alignment: MainAxisAlignment.end,
        children: [
          IconButton(icon: Icon(Icons.arrow_back,size: 24.0,color: Colors.white,), onPressed: (){
            Navigator.pop(context);
          }),
          IconButton(icon: Icon(Icons.home,size: 24.0,color: Colors.white,), onPressed: (){

            Navigator.pushNamedAndRemoveUntil(context, "/", (Route route){ return false;});
          })
        ],
      ),
    );
  }
}

import 'package:flutter/material.dart';

class HomePage extends StatefulWidget {
  final String title;
  const HomePage({required this.title, Key? key}) : super(key: key);

  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State {
  final List _lstCities = [];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
  backgroundColor: Color.fromARGB(255, 8, 123, 247), // Utiliser la couleur noire pour l'appBar
  title: Text(
    widget.title,
    style: TextStyle(fontSize: 16.0, color: Colors.white), // Assurez-vous que le texte est visible sur l'appBar sombre
  ),
),
      body: Column(
        children: [
          Expanded(child: _getListViewFromBuilder()),
        ],
      ),
      bottomNavigationBar: _getBottomNavigationBarWidget(context),
    );
  }

  Widget _getListViewFromBuilder() {
    return ListView.builder(
      itemCount: _lstCities.length,
      shrinkWrap: true,
      padding: const EdgeInsets.all(16.0),
      itemBuilder: getListItems,
    );
  }

  Widget getListItems(BuildContext context, int index) {
    return _lstCities[index];
  }

  Widget _getBottomNavigationBarWidget(BuildContext context) {
    return Container(
      color: Colors.black87,
      padding: const EdgeInsets.symmetric(vertical: 10.0),
      child: ButtonBar(
        mainAxisSize: MainAxisSize.max,
        alignment: MainAxisAlignment.spaceBetween,
        children: [
          IconButton(
            icon: Icon(
              Icons.add,
              size: 24.0,
              color: Colors.white,
            ),
            onPressed: () {
              Navigator.pushNamed(context, '/adddata').then((result) {
                if (result != null) {
                  setState(() {
                    _lstCities.add(
                      Text(
                        "${_lstCities.length + 1} ${result.toString()}",
                        textAlign: TextAlign.justify,
                        style: const TextStyle(
                          fontWeight: FontWeight.bold,
                          fontSize: 24.0,
                        ),
                      ),
                    );
                  });
                }
              });
            },
          ),
          IconButton(
            icon: Icon(
              Icons.arrow_forward,
              size: 24.0,
              color: Colors.white,
            ),
            onPressed: () {
              Navigator.pushNamed(context, '/endpage');
            },
          ),
        ],
      ),
    );
  }
}