Bienvenida e Introducción

1

¡Renovaremos este curso!

2

Desarrollando en Flutter

3

¿Qué es Flutter?

4

Dart y Flutter

5

Sintaxis de Dart

6

¡Renovaremos este curso!

7

Flutter para desarrolladores Android, iOS y Xamarin.forms

8

Flutter para desarrolladores React Native

9

¿Cómo luce una app construída en Flutter?

10

Primer reto

Creando mi entorno de desarrollo

11

¡Renovaremos este curso!

12

Requerimientos de Hardware y Software

13

Instalando Flutter en Android Studio y Visual Studio Code

14

Composición de un proyecto en Flutter

Interfaces en Flutter

15

¡Renovaremos este curso! Te quedan unos días para concluirlo.

16

Programación Declarativa en Flutter

17

Estructura de un programa en Flutter

18

Hola Mundo en Flutter

19

Widgets básicos

20

Widgets con estado y sin estado

21

Análisis de Interfaces de Usuario en Flutter

22

Definiendo los layouts de nuestra interfaz

23

Segundo reto

Widgets sin estado en Flutter

24

¡Renovaremos este curso! Te quedan unos días para concluirlo.

25

Flutter Widgets: Container, Text, Icon, Row

26

Flutter Widgets: Column

27

Recursos en Flutter: Tipografías y Google Fonts

28

Widget Image

29

Widget Apilando Textos

30

Widgets Decorados

31

Widget Imagen Decorada

32

Widget Listview

33

Widget Button, InkWell

34

Tercer reto

Widgets con estado en Flutter

35

¡Renovaremos este curso! Te quedan unos días para concluirlo.

36

Botones en Flutter

37

Clase StatefulWidget: Cómo se compone

38

Widget Floating Action Button

39

Widgets BottomNavigationBar

40

Generando Navegación en BottomNavigationBar

41

Personalizando nuestro BottomNavigation Bar a Cupertino iOS BottomBar

42

Cuarto reto

Fin del Curso

43

¡Renovaremos este curso!

44

Conclusiones

45

¡Terminamos!

Convierte tus certificados en títulos universitarios en USA

Antes: $249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

19 Días
19 Hrs
29 Min
23 Seg
Curso de Flutter

Curso de Flutter

Anahí Salgado Díaz de la Vega

Anahí Salgado Díaz de la Vega

Botones en Flutter

36/45

Lectura

Flutter sigue las métricas de diseño de Material Design por defecto por lo tanto nos proveerá un kit de botones propios de estas métricas de diseño como: Raised Button, Floating Action Button, Flat Button, etc. Puedes personalizarlos tanto como tu diseño lo exija, esa es la magia de Flutter, veamos más detalles a continuación.

...

Regístrate o inicia sesión para leer el resto del contenido.

Aportes 41

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

📌Chicos, está clase está un poco desactualizada. Según la documentación:
FlatButton, RaisedButton, y OutlineButton han sido reemplazadas por TextButton, ElevatedButton, and OutlinedButton respectivamente.
FloatingActionButton y IconButton siguen activas tal y como esta clase lo dice.
Es importante revisar constantemente la documentación del lenguaje que estemos aprendiendo por estas cosas. 😄

Saludos,
Adjunto el comando de creación de proyectos de ejemplo de flutter desde la consola para revisar la funcionalidad de los botones arriba relacionados:

flutter create --sample=material.RaisedButton.1 raised_button_example_1
flutter create --sample=material.FloatingActionButton.1 floating_action_button_1
flutter create --sample=material.FloatingActionButton.2 floating_action_button_2
flutter create --sample=material.IconButton.1 icon_button_1
flutter create --sample=material.IconButton.2 icon_button_2

Tenemos todas las piezas del lego, solo tenemos que aprender a encajarlas.

Perfecto para uso de manera inmediata.

Genial!

Muy buenos!

Genial!

Pueden chequear esta galeria muestra todos los botones con codigo… https://gallery.flutter.dev/

Git-hub
Mi version del reto

Está bastante completa la explicación que realiza Ann en el post, lo mejor es que ha dejado los enlaces a la documentación propia de flutter para así leer y aprender sobre los botones.

Flutter es algo maravilloso ❤

Banco fuerte a Flutter

Si estos botones siguen las métricas de material design, cómo se vería en IOS que sigue las métricas de cupertino? para hacer un botón que cumpla con las dos métricas tendría que codificarlo dos veces?

Genial!Genial!Genial!Genial!

El highlightElevation hace referencia a la cordenada z, o sea, podemos elegir que tan profundo o elevado esté en nuestra aplicación,aunque no le hayo mucho sentido a dejarlo debajo de los demás widgets 😛

(Y)

Genial 😄

una buena gama de botones para empezar a diseñar una súper app!

Muy bien!

Muy buen aporte, gracias!

Muy facil trabajar con fluter, que divertido

Gracias! 😄

Excelente! 😎

muy buenas las referencias!

Muy divertido trabajar con Flutter.

Interesantes,

Buen Aporte Muchas Gracias

existe fab button list? en donde yo pueda oprimir y desbplegar buttons hijos obviamente de ese mismo estilo y si se vuelve a presionar se recoga esta lista

gracias por los aportes!

que bueno el icon buton justo estaba pensando como lograr eso a partir de un flat button

Un muy buen aporte 😃

Qué buen aporte !!!
Gracias

genial

Interesante versatilidad.

😃

throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.")

me sale este error? alguna solucion

Waaao! Así sea una clase de lectura, Flutter no te deja de impresionar.

en esta página que ya han compartido antes pueden conocer “los estándares” y recomendaciones de la implementación así como ejemplos visuales, está genial:
https://material.io/components/buttons#text-button

A seguirle!