Bogotá, Colombia
hola@jairofernandez.me

Jugando con el AppBar de Flutter

Blog personal

Vamos a aprender como crear un simple AppBar, usando la clase AppBar

Las tres partes por las cuales está conformado:

  1. La sección izquierda, donde vemos el ícono “menú”, llamado “leading”
  2. La sección central, donde se ve el texto “Hi friend”, mas conocido como “title”
  3. La sección de la derecha donde está el ícono “merge type”, se llama actions

El código usado para la imagen resulta muy simple:

      appBar: AppBar(
          leading: Builder(
            builder: (BuildContext context) {
              return IconButton(
                icon: const Icon(Icons.menu),
                onPressed: () => print('hi on menu icon'),
              );
            },
          ), 
          title: Text('Hi friend'),
          actions: <Widget>[
            IconButton(
              icon: new Icon(Icons.merge_type),
              onPressed: () => print('hi on icon action'),
            ),
          ],
        )
      )

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.