Curso de Flutter

Curso de Flutter

Anahí Salgado Díaz de la Vega

Anahí Salgado Díaz de la Vega

Flutter para desarrolladores Android, iOS y Xamarin.forms

5/38
Recursos

Android

  • Todo lo que tenemos en las interfaces de Android como: botones, textos, etiquetas, imágenes, etc., proviene (o es una instancia) de la clase padre 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

  • De manera similar, en iOS todo lo que tenemos en las interfaces como: botones, textos, etiquetas, etc., proviene (o es una instancia) de la clase principal 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

  • En el ecosistema de desarrollo multiplataforma de Microsoft y .NET, Xamarin / Xamarin.Forms, los elementos que conforman las interfaces de las aplicaciones: botones, textos, imágenes, etc., son instancias de la clase base 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

  • En Flutter, el equivalente a los 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 55

Preguntas 3

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

🖼️ 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

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

Soy desarrollador Xamarin y la verdad es que tiene muchas limitaciones gráficas. Flutter es todo lo contrario.

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.

Esto es “WIDGeteria”(brujería) 😮

En widget todo es un flutter.

Ah no, algo esta mal…

Hola, Ann, Saludos.
Me gustaría saber por que debo escoger flutter, en lugar de otras opciones.

  • Kotlin
  • IOS
  • Ionic
  • React Native
  • Xanarin
  • Entre otros.

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:

  • Es que quiero “Dart!” e una breve introducción… xd

TODO ES UN WIDGET! XD

Después de cada clase, paso un rato leyendo los comentarios interesantes que me motivan a seguir aprendiendo este lenguaje.

En conclusion, en flutter todo es un widget

equivalencia android y flutter

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

**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!!

Realmente estoy muy emosionado de hacer este curso

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

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.

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.

Yo soy nuevo no vengo de ningun lenguaje.
Si acaso lo m{as que he aprendido fue en pyhton pero no llegue muy lejos

Mas facil flutter.

Xamarin se queda corto ante todo lo que ofrece 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?

Exelente. Veremos persistencia con sqlite y consumo de servicios y sincronización?