Capitulo 19 del Módulo 6 Creación y Configuración Flutter

➜ Pantalla Inicio

Pantalla de Inicio en Flutter | Diseño funcional de la portada de nuestra aplicación móvil : Logo, Texto y Botón

Diseño funcional de la portada de nuestra aplicación móvil : Logo, Texto y Botón 


class PaginaInicio extends StatefulWidget {
  @override
  _PaginaInicioState createState() => _PaginaInicioState();
}

class _PaginaInicioState extends State<PaginaInicio> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.amber,
      body: Container(
        child: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Image.asset("assets/ic_logo.png"),
              Padding(
                padding: EdgeInsets.only(bottom: 100, top: 100),
                child: Text(
                  "Turismo virtual",
                  textAlign: TextAlign.center,
                  style: TextStyle(color: Colors.white),
                ),
              ),
              RaisedButton(
                  onPressed: (){},
                  shape: CircleBorder(),
                padding: EdgeInsets.all(15.0),
                child: Icon(Icons.chevron_right, color: Colors.green,),

              )
            ],
          ),
        ),
      ),
    );
  }
}

 


1709 visitas

Capítulo 20 – Api Service »

Descarga el código del proyecto

Descarga el código fuente del proyecto adquiriendo el curso completo

Comprar

¡Qué aprenderás?

tooltip bs-tooltip-top bs-tooltip-end bs-tooltip-bottom bs-tooltip-start show fade tooltip-inner

Codea Applications

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