Lección 11 del Curso App Restaurant con Carrito

Notificaciones para mostrar Items | CURSO DE FLUTTER APP RESTAURANT CON CARRITO DE COMPRA [Part 11]

Notificaciones
Notificaciones

Implementar actions para mostrar notificaciones en Flutter

COMPRA ESTE CURSO

Y accede a todos los recursos y videos, explicación, scripts y descarga del código fuente disponible con la compra del curso

COMPRAR

¿Cómo implementar notificaciones para un carrito de compra?

Implementación de variables globales

  final GlobalKey<ScaffoldState> _globalKey = new GlobalKey<ScaffoldState>();

Implementación de actions o acciones en el Barra Superior de la App

appBar: AppBar(
            title: Text("CARTA"),
            backgroundColor: Colors.amber,
            elevation: 0,
            bottom: TabBar(
              ...
            ),
            actions: <Widget>[
              new Stack(
                children: <Widget>[
                  IconButton(
                      icon: Icon(Icons.shopping_cart),
                      onPressed: () {
                       ...
                      }
                      ),
                  new Positioned(
                      top: 6,
                      right: 6,
                      child: Container(
                        padding: EdgeInsets.all(2),
                        decoration: new BoxDecoration(
                            color: Colors.red,
                            borderRadius: BorderRadius.circular(4)),
                        constraints: BoxConstraints(
                          minWidth: 14,
                          minHeight: 14
                        ),
                        child: Text(
                          carrito.numeroItems.toString(),
                          textAlign: TextAlign.center,
                          style: TextStyle(
                          color: Colors.white,
                          fontSize: 10
                        ),),
                      )
                  )
                ],
              )
            ],
          ),

COMPRA ESTE CURSO

Y accede a todos los recursos y videos, explicación, scripts y descarga del código fuente disponible con la compra del curso

COMPRAR

168 visitas

Logo Codea App

Develop your code

© Todos los derechos reservados CODEA APP | Cursos de programación avanzados con proyectos reales | 2020