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
18 Hrs
5 Min
6 Seg
Curso de Flutter

Curso de Flutter

Anahí Salgado Díaz de la Vega

Anahí Salgado Díaz de la Vega

Flutter para desarrolladores React Native

8/45

Lectura

Si desarrollas aplicaciones con React Native ya habrás notado que hacerlo con Flutter es muy similar pues utiliza el mismo estilo reactivo.

...

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

Aportes 88

Preguntas 3

Ordenar por:

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

Flutter es menos verboso que React Native, esto hace que sea más sencillo comprender y mantener el código que se implementa.

La verdad que Flutter se ve mil veces más sencillo y útil que React Native. Soy de esos que siempre que programa algo necesita escribirlo 20 veces hasta conseguir hacerlo de la manera más sencilla posible jajaja 😂

Ese código de React Native se puede mejorar mas.

import React from "react";
import { Text, View } from "react-native";

export default () => (
  <View
    style={{
      flex: 1,
      backgroundColor: "#fff",
      alignItems: "center",
      justifyContent: "center"
    }}
  >
    <Text>Hello world!</Text>
  </View>
);

El entorno de desarrollo para ReactNative me pareció muy inestable, pesado y con muchos bugs 😦, hasta ahora con Flutter ha sido muy straight forward y sin complicaciones, ¡Genial!

Dart i’m ur son!!! ❤️

Al parecer no se va a sufrir tanto si vienes de React

Ciertamente es más reducido, sin embargo tiene un aire de complejidad por su estructura de anidar componentes en forma de “funciones”. Center(...)

Quizás por que estoy empezando, imagino que me acostumbraré dentro de poco. Nos vemos en un par de días que termine el curso.

flutter es un lenguaje que mas gente quiere aprender para poder desarrollar de forma rápida y eficiente

Muy emocionado por aprender Flutter! Vamos con todo!

Genial. Esto me hace sentir como cuando estaba aprendiendo CSS.

Este es mi primer curso y la primera vez que veo algo relacionado con la programación, espero aprender mucho, me intereso bastante el tema. 😃

Dart no solo acorta código, sino también puede ser para IOS y Android en un solo código 😎

No he manejado react pero me fue mas sencillo entender como funciona react que flutter, no se en donde aplica todos los estilos que tiene react en flutter
ES pero entenderlo con el paso del curso

En ReactNative sería.

import React from "react";
import { StyleSheet, Text, View } from "react-native";

export default () => (
  <View style={styles.container}>
    <Text>Hello world!</Text>
  </View>
);

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff",
    alignItems: "center",
    justifyContent: "center"
  }
});

Una gran ventaja si ya se tiene conocimiento de como funciona y se estructuran los componentes en React
No cambia demasiado la manera de declarar interfaces por componentes/widgets

Yo vengo de dos años sin programar, pero lo veo entendible.
Llevará bastante tiempo y dedicación, pero tengo una idea y para llevarla a cabo debo manejar bastante bien el lenguaje!

Más compacto, más minimalista 💪🏻

Me gusta , muy simple el codigo y corto.

Va muy interesante todo, pero esas ultimas 4 lineas me recuerdan a LISP

Flutter para quienes vienen del mundo c# y java se les va a hacer muy divertido! aprenderlo

la sintaxis se ve más simplificada porque en flutter no agrega los estilos que si agrega en React (al menos para este ejemplo en particular)

Vengo del mundo del Desarrollo Móvil con React Native y cada vez Flutter me está pareciendo súper sencillo y práctico a la hora de hacer pantallas para aplicaciones móviles. Vamos a ver que tal se comporta con la lógica de negocio.

en react-native no utilizan hooks?

Es necesario usar la propiedad textDirection del widget Text?

Mas reducida?
Aplicale stylos primero

Es mucho más sencillo y a mi parecer no tienes que declara tantas cosas como en React

Hola, la verdad soy nuevo y no tengo mucho para compartir, pero quería figurar.
Buena jornada!

Welcome to the “Callback Hell”!

En cuanto a sintaxis parece no ser tan complicado, espero poder con el curso 😄

y los que entendemos JavaScript, podemos tomar este curso de Flutter?

La simplicidad de Flutter lo hace demasiado potente para desarrollar algo rápido con buen rendimiento y con un futuro potencial.

Se mira bastante más amigable, solo es cuestión de ir viendo como va la sintaxis

Muy limpio todo

Es interesante ver como es más corto un Hello Word en Flutter más que solo en Rect Native, sino también en Android Nativo.

muy interesante

No eh utilizado React pero veo que es más corta la sintaxis de Dart

¿Mientras que React utiliza el XML (creo que es XML) para estilizar el texto Flutter lo hace por defecto?

nunca he usado react, pero esta en mi lista de cursos por tomar, ahora por necesidad estoy entrando a flutter y me esta gustando mucho!

Se ve facil de utilizar.

Genial, sin tanto codigo y mas facil de aprender

Super!

Que sencillo ❤️

Me encanta que sea mas sencillo hasta este punto 😃

Mucho mas compacto y simplicidad de codigo.

Es notorio a simple vista la sencillez, lo claro y lo menos lioso que es Dart respecto a React Native.

interesante…

Genial!

Podre pasar de Flutter a React Native 😃

¿Me ocurre sólo a mi o sale código mal formateado con texto seguido?

Genial!!

En el código de flutter no tiene estilos… ¿será que le pone unos por defecto?

Mucho más simplista, me gusta!

super interesante los ejemplos que nos das, muy simple y corto el código.

genial

es la primera vez que veré el entorno de desarrollo para apps de android y me veo flutter y se ve demasiado sencillo

Flutter se ve bastante mas facil de aprender! 😄

Que increíble la sintaxis se ve más simplificada y la definición de estilos es más reducida 😮

uff si mucho mas corta las instrucciones

Excelente

Me a interesado mucho, la verdad que Flutter es mucho mas simplificado y rápido de escribir, e incluso ver la estabilidad al momento de su compilación.

Excelente este lenguaje Dart un paradigma

reduce bastante la escritura y es bastante legible, like it

wow excelente!

Estaba aprendiendo React Native pero en mi concepto lo que he leido de Flutter, es que su funcionalidad es más eficiente y reducida su sintaxis.
Espero conocer el potencial que ofrece Flutter con este curso 😃

Genial!

En el código no veo los estilos en Flutter, supongo que se declaran en adelante.

Realmente sorprendente, el Dart- side de la programacion 😎 me agrada la idea de aprender mas aun sobre como hacer codigo mas limpio y simplificado.

Es realmente simple…!! se ve que promete.

buena clase

Aquí hay más sobre Flutter: https://bit.ly/3a4YG8m

muy bueno

La principal diferencia es que mientras que React Native transpila (traduce) el código a Widgets Nativos para cada plataforma, Flutter compila todo directamente a Nativo controlando cada pixel de la pantalla para evitar problemas de rendimiento causados por el bridge de JavaScript.

maravilloso

quizás, eso lo haga eficiente, pero a nivel lógico tomará mucho tiempo para encontrarle una fuente y corregir.

muy bueno, fácil de entender.

Mas facil Flutter

con react native hooks los componentes se simplificaron, estarian a la par en mi opinion

Emocionante, que empiece ya el código!!! 😃 sin dejar atras la teoria.

Se ve mas sencillo!! estoy emocionado por aprender.

Yo vengo del mundo PHP y lo entiendo muy bien.

Pero al parecer con Flutter se reduce las líneas de código pero me da la sensación que no se tiene una flexibilidad al customizar algún componente lo que si pasa con React Native con el uso de CSS? es así o estoy equivocado?.

Vamo a ver que tal

interesante, quiero aprender React Native.

Hay mucho que aprender!

No he programado aplicaciones móviles, tengo conocimientos de programación en Python, c++ y JAVA. Veo que Flutter es muy amigable.

Reducir todo a menos líneas de código hace que trabajar con Flutter sea mas sencillo. Aunque me gustaría ver como se reduce mas una vez exportada la aplicación.

¿No hay una forma de separar los estilos de la parte lógica en Flutter ?

Center()

Es el Equivalente a Flex ?