• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Guillermo García

  • Podcast
  • Blog
  • Contactar

Snippets de botones

21 septiembre, 2020 by Guillermo García

En este post iré poniendo algunos snippets de código para construir botones con Flutter. Lo hago para tenerlo yo mismo como chuleta y poder copiar y pegar. Lo pongo por aquí por si a alguien le sirve.

Botón redondeado con fondo


1
2
3
4
5
6
7
RaisedButton(
    child: Text('Texto'),
    color: Theme.of(context).primaryColor,
    textColor: Colors.white,
    shape: StadiumBorder(),
    onPressed: () { print('onPressed!');},
),

Botón redondeado con borde


1
2
3
4
5
6
7
8
9
10
11
12
OutlineButton(
    child: Text('Texto'),
    textColor: Theme.of(context).primaryColor,
    borderSide: BorderSide(
        color: Theme.of(context).primaryColor,
        style: BorderStyle.solid,
        width: 2),
    shape: StadiumBorder(),
    onPressed: () {
        print('onPressed!');
    },
)

De momento hay pocos, pero este post estará vivo y seguiré añadiendo más botones conforme vaya surgiendo. Así que guardadlo en favoritos si os interesa tenerlo como chuleta 😉

Filed Under: Tutoriales de Flutter

sidebar

sidebar-alt