Inicio » Cursos » Flutter App Copa América

Curso Flutter App Copa América

Capitulo 4 ➜ Menu de opciones

Crear un menu de opciones con RaisedButton en Flutter

Desarrollo del menu interactivo de opciones para la app de la Copa América 2019 con pantallas como equipos, noticias, grupos y calendario,

Desarrollo del menu de opciones

{en desarrollo.... :) }

Veamos el código para un solo botón

 Column(
                  children: <Widget>[
                    Padding(
                      child: RaisedButton(
                          onPressed: (){
                            Navigator.of(context).push(MaterialPageRoute(
                                builder: (BuildContext) => PaginaGrupos())
                            );
                          },
                          shape: RoundedRectangleBorder(
                              borderRadius: BorderRadius.all(Radius.circular(10))
                          ),
                          child:SizedBox(
                            width: 100,
                            height: 130,
                            child: Center(
                              child: Text("GRUPOS",style: TextStyle(color: Colors.indigo, fontSize: 15),),
                            ),
                          )
                      ),
                      padding: const EdgeInsets.all(10.0),
                    )
                  ],
                )

Este código solo implementará un botón con determinadas caracteristicas en el video se muestra la distribución completa del menu de opciones .

 


2336 visitas

« Capítulo 3 – Pantalla de Inicio Flutter

Capítulo 5 – Navegación Drawer »


{ Curso Flutter App Copa América }


Compartir link con tus amigos

Más cursos que pueden interesarte

Más cursos

© Copyright Codea App | LATAM | 2020 - 2024