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!

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?

o inicia sesi贸n.

馃搶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 鈥渓os est谩ndares鈥 y recomendaciones de la implementaci贸n as铆 como ejemplos visuales, est谩 genial:
https://material.io/components/buttons#text-button

A seguirle!