➜ 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,),

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

2005 visitas

Capítulo 20 – Api Service »

{ Curso Flutter y Laravel App de Turismo }

Compartir link con tus amigos

Descarga el código del proyecto

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

Comprar

➜ Pantalla Inicio

Descarga el código del proyecto

¡Qué aprenderás?