Inicio » Cursos » Flutter App Copa América

Curso Flutter App Copa América

Capitulo 4 ➜ Menu de opciones

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 .

 


2163 visitas

Sigue con el curso: Capítulo 5 – Navegación Drawer

Más cursos que pueden interesarte

Más cursos

Codea Codea App

México, Colombia, España, Venezuela, Argentina, Bolivia, Perú

© Todos los derechos reservados Codea App | ...de frente al código!!! | 2020 - 2023