📌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. 😄
Bienvenida e Introducción
¡Renovaremos este curso!
Desarrollando en Flutter
¿Qué es Flutter?
Dart y Flutter
Sintaxis de Dart
¡Renovaremos este curso!
Flutter para desarrolladores Android, iOS y Xamarin.forms
Flutter para desarrolladores React Native
¿Cómo luce una app construída en Flutter?
Primer reto
Creando mi entorno de desarrollo
¡Renovaremos este curso!
Requerimientos de Hardware y Software
Instalando Flutter en Android Studio y Visual Studio Code
Composición de un proyecto en Flutter
Interfaces en Flutter
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Programación Declarativa en Flutter
Estructura de un programa en Flutter
Hola Mundo en Flutter
Widgets básicos
Widgets con estado y sin estado
Análisis de Interfaces de Usuario en Flutter
Definiendo los layouts de nuestra interfaz
Segundo reto
Widgets sin estado en Flutter
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Flutter Widgets: Container, Text, Icon, Row
Flutter Widgets: Column
Recursos en Flutter: Tipografías y Google Fonts
Widget Image
Widget Apilando Textos
Widgets Decorados
Widget Imagen Decorada
Widget Listview
Widget Button, InkWell
Tercer reto
Widgets con estado en Flutter
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Botones en Flutter
Clase StatefulWidget: Cómo se compone
Widget Floating Action Button
Widgets BottomNavigationBar
Generando Navegación en BottomNavigationBar
Personalizando nuestro BottomNavigation Bar a Cupertino iOS BottomBar
Cuarto reto
Fin del Curso
¡Renovaremos este curso!
Conclusiones
¡Terminamos!
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:
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)
buenos asi parece se actualizo los datos
https://docs.flutter.dev/release/breaking-changes/buttons#buttonstyle-defaults
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!
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.