🖼️ En Flutter todo es un Widget y en Dart todo es un Objeto.
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!
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Convierte tus certificados en títulos universitarios en USA
Antes: $249
Paga en 4 cuotas sin intereses
Termina en:
Anahí Salgado Díaz de la Vega
Android
View
y todos estos elementos en su conjunto, al final, constituirán a su vez un View
. El lenguaje de esquematización usado en Android para diseñar y definir la composición de las interfaces es XML
.iOS
UIView
. Para la composición y diseño de las interfaces iOS cuenta con un entorno gráfico dedicado a esta tarea cuyo componente principal son los Storyboards
.Xamarin / Xamarin.Forms
Element
mientras que para el diseño y composición de la interfaz, el lenguaje de esquematización utilizado es XAML
(derivado de XML).Flutter
Views
, UIViews
y Elements
, con los que se componen las interfaces de las aplicaciones, son los Widgets
, de hecho todo en Flutter es en esencia, un Widget
, y la forma en que se diseñan y se componen las interfaces es mediante la definición de árboles de Widgets
o Widget tree en los que todos los Widget
de la interfaz están organizados de forma anidada y representan atributos o propiedades de este árbol.Aportes 62
Preguntas 4
🖼️ En Flutter todo es un Widget y en Dart todo es un Objeto.
En Flutter todo es un Widget 😃
Android - iOs - Xamarin - Flutter
View - UIView - Element - Widget
XML - Storyboard - XAML - Widget tree
Soy desarrollador Xamarin y la verdad es que tiene muchas limitaciones gráficas. Flutter es todo lo contrario.
La forma en que se componen las interfaces en Flutter es mediante arboles de widgets (widgets tree)
Aquí hay más sobre Flutter: https://bit.ly/3a4YG8m
En widget todo es un flutter.
Ah no, algo esta mal…
Esto es “WIDGeteria”(brujería) 😮
En resumen…
• Android, todo lo que contiene sus interfaces proviene de la clase padre view.
• IOS, todo lo que contiene en sus interfaces proviene de las clases principales UIView, y para la composición de diseño de sus interfaces cuenta con StoryBoards.
• Xamarin, los elementos que conforman las interfaces son instancias de la clase base Element, para el diseño y composición de interfaces se utiliza XAML (derivado de XML).
• Flutter, todo es un widget.
Yo soy nuevo no vengo de ningun lenguaje.
Si acaso lo m{as que he aprendido fue en pyhton pero no llegue muy lejos
Xamarin y Xamarin.forms tienen un principio (multi-plataforma con lógica común única) realmente similar a Flutter, pero el acabado final en la apariencia de las interfaces es mucho más sencilla y poco atractiva. Con Flutter, al parecer, los resultados visuales y de UX son simplemente increíbles.
Eso de no tener una opción de arrastrar los elementos a la interfaz y tenerlos que codificar a manita estará interesante y frustrante a la vez jaja
Después de cada clase, paso un rato leyendo los comentarios interesantes que me motivan a seguir aprendiendo este lenguaje.
Nunca habia escuchado tantas veces la palabra: Widget 😃
Xamarin se queda corto ante todo lo que ofrece Flutter
Realmente estoy muy emosionado de hacer este curso
Hola, Ann, Saludos.
Me gustaría saber por que debo escoger flutter, en lugar de otras opciones.
Si ya esta pregunta ya la hicieron, indicarme donde, para ver las respuestas.
Genial, estoy un poco familiarizado con los views de Android uwu
Vi que Flutter usa Foundation, significa que la interfaz se crea en HTML? Mi pregunta es: Se usa css, js y html en el front?
Vengo de Ionic, quiero saber si flutter es mejor, por lo que he visto se puede hacer muchas cosas mas bonitas, no se si ionic tiene un limite, aun no lo he encontrado, para todo lo que me han pedido ha servido, pero eso si, tarda mas… aun en producción.
Su diálogo:
De lo que veo, Android y IOS nativo es casi similar con las vistas ya que en Android son los View mientras que en IOS es UIView, pero es bastante interesante Flutter ya que lo hace mas sencillo la programación
Viendo esto, espero que se me facilite el desarrollo pues ya tengo conocimientos utilizando view.
Contexto:: todo es un widget
Flutter ===> Widget.
Dart =====> Objeto.
TODO ES UN WIDGET! XD
En conclusion, en flutter todo es un widget
equivalencia android y flutter
**Android ** usa _Views _ y estos estan ordenados por un .xml.
**Flutter ** usa _Widgets _ dentro de Widgets con propiedades.
Es posible desarrollar para iOS, en linux si conecto un Iphone?
Excelente
Tengo 5 años desarrollando apps nativas, apenas le voy a entrar a Flutter. A ver que tal. 😄
Widget para Flutter View en Android, IOS no lo conozco y nunca he desarrollado nativo.
Palabra clave-, Widget
hace un tiempo escuche que Xamarin tiene muchas limitaciones,
espero ver BUENOS ejemplos de como transportar daticos pues entre widgets y desde BD, eso me vuelve loco en estos cursos!!!
Genial! No use ninguno, pero de seguro me será muy útil en un futuro!
Si bien en Android no hay un storyboard desde el Android Studio 3.3 tenemos ahora el Navigation Editor si lo quieren probar 😄
un widget puede estar compuesto de otros widgets; así, puedo tener cajas de texto (que es un widget) para capturar información y un botón (que también es un widget) para enviar dicha información al backend. Esto quiere decir que, al final, un widget es una interfaz.
¿"…en android, la forma de desarrollar interfaces es a través de xml"? No.
Los views (interfaces) están escritos en xml. XML no es la forma de desarrollar interfaces, XML es el lenguaje en que están construídas dichas interfaces…
hoy 06/02/2018 he decicido aprender flutter, ya que ionic acaba de actualizar a la version 4 y esta un compleato desorden en su ducumentacion, es muy complicado ya que muchos plugins y componentes no funcionan en la version 4 y es por eso que estoy aqui en flutter!
Super… 🤓
Super!!
Buena comparaciòn
Muchas gracias.
Puedo mecionar que sol tengo la teoria de la construccion de apps con android, participer muy poco en crar una app con AndroidStudio pero este video me ha dicho mas sobre como funciona la creacion de apps con de cada uno de los frameworks
Pregunta se pueden generar packetes que puedan ser consumidos desde distintas aplicaciones que no usen dart?
con esta comparación me resultó mas facil comprender la relación
Prácticamente ahora todo es un Widget!
Sera cuestión de acostumbrarse a definir los widget en pantalla por medio de código, seguramente en Flutter hay una forma sencilla de hacerlo.
¡Es realmente genial que todo sea un Widget!
Bajo este enfoque todo lo manejas en tu código Dart, y logras construir aplicaciones bastante rápido. 😃
Todo va a esar fácil siguindo la misma lógica
Estoy ansioso por ver la abstracción de React Native en Flutter.
Tal vez los componentes de RN pueden ser tomados como Widgets en Flutter?
Esta clase es fundamental, ya que te hace cambiar la perspectiva que tienes si es que vienes del desarrollo nativo, tanto Android como iOS. Muy interesante.
Mas facil flutter.
Creo que la Comunidad de Flutter crecera en poco tiempo gracias a Google.
RESUMEN DE LA CLASE
En Flutter todo es un Widget ⚡️
en widgets lo hacemos con flutter
cualquier cosa en flutter = Widget
Podría decirse que basicamente un widget es un componente?
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?