BottomSheet

Le BottomSheet est un widget utilisé pour afficher un panneau qui s'affiche en bas de l'écran et qui peut contenir des actions supplémentaires ou des informations détaillées. Voici un exemple simple d'utilisation du BottomSheet dans Flutter :

ElevatedButton(
  onPressed: () {
    showModalBottomSheet(
      context: context,
      builder: (BuildContext context) {
        return Container(
          padding: EdgeInsets.all(16.0),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: <Widget>[
              Text('Informations supplémentaires'),
              ElevatedButton(
                onPressed: () {
                  Navigator.of(context).pop();
                },
                child: Text('Fermer'),
              ),
            ],
          ),
        );
      },
    );
  },
  child: Text('Afficher le bas de page'),
)

Dans cet exemple, un ElevatedButton est utilisé pour déclencher l'affichage du BottomSheet. La méthode showModalBottomSheet est appelée pour afficher le BottomSheet. Le BottomSheet affiche un titre "Informations supplémentaires" et un bouton "Fermer" qui ferme le BottomSheet lorsque l'utilisateur appuie dessus.

Last updated