Arquitectura de Aplicaciones

1

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

2

Pasos para aprender Flutter Avanzado

3

驴Qu茅 es una Arquitectura de software?

4

Tipos de Arquitecturas para Flutter

5

Arquitectura BLoC en Flutter

6

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

7

BLoC + Clean Architecture en Flutter

8

Estructurando nuestro proyecto utilizando la Arquitectura BLoC

9

Haciendo BLoC Singleton en Flutter

10

Aplicando Providers al Proyecto

Firebase y Flutter

11

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

12

Integrando Firebase Authentication, Cloud Firestore y Firebase Storage al proyecto

13

Integrando Firebase a Flutter para iOS

14

Integrando Firebase a Flutter para Android

15

Creaci贸n de Pantalla de Login con Flutter

16

Creando botones reutilizables en Flutter

17

Autenticaci贸n de Firebase con Google

18

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

19

Implementando Firebase Authentication en BLoC Pattern

20

Streams en Flutter

21

Manejando una sesi贸n con Firebase Authentication y Flutter

22

Implementando Google SignOut en BLoC

23

Implementando Google SignOut en View

24

Monitoreando y validando la conexi贸n al Sign con Google

25

Mostrando los datos de usuario de Google en la interfaz en Flutter

Cloud Firestore de Firebase en Flutter

26

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

27

驴Qu茅 es Cloud Firestore de Firebase?

28

Analizando un modelo de datos no relacional

29

Creando un Modelo de datos en Cloud Firestore

30

Enviando datos a Cloud Firestore

31

Creando un Widget gradiente personalizado

32

Manejo de Desbordamiendo de Texto de Widget Text

33

Bot贸n de Back en un Appbar en Flutter

34

Navegaci贸n entre pantallas en Flutter

35

Widget Text Appbar personalizado en Flutter

36

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

37

Widget TextField personalizado en Flutter

38

Creando una Safe Area para una interfaz que tiene un AppBar

39

Widget TextField con iconos en Flutter

40

Retocando el CardView

41

Mostrando im谩genes en un CardView

42

Creando un bot贸n de Submit en Flutter

43

Env铆o de datos de un f贸rmulario en Flutter

44

Subiendo datos a Firestore de Firebase

45

Formularios en Flutter

Acceso al Hardware con Flutter

46

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

47

Acceso a la c谩mara en Flutter

48

Librer铆as de acceso a Hardware en Flutter

Firebase Storage en Flutter

49

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

50

Qu茅 es y c贸mo funciona Firebase Storage en Flutter

51

Subiendo una imagen a Firebase Storage desde Flutter

Querys avanzados en Cloud Firestore de Firebase en Flutter

52

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

53

Manejo de im谩genes en Cloud Firestore

54

Cloud Firestore insertando referencias y arrays en la base de datos

55

Descargar im谩genes de Firebase Storage y mostrarlas en Flutter

56

Procesando datos con BLoC Pattern

57

Trayendo datos de Cloud Firestore

58

Persistiendo datos de un usuario logueado

59

Aplicando Filtros en Cloud Firestore

60

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

61

Construyendo los Places en la pantalla de Home

62

Mostrando los Places en la pantalla de Home

63

Actualizando datos en tiempo real

64

Manejando la l贸gica de likes, como bot贸n toggle.

65

Insertando y obteniendo referencias en datos de Firestore.

66

Usando el cach茅 para cargar im谩genes m谩s r谩pido

67

StreamController, sink, add y StreamBuilder

Conclusiones

68

隆Renovaremos este curso! Te quedan unos d铆as para concluirlo.

69

Conclusiones

No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Reg铆strate

Comienza en:

1D
19H
14M
10S
Curso Avanzado de Flutter

Curso Avanzado de Flutter

Anah铆 Salgado D铆az de la Vega

Anah铆 Salgado D铆az de la Vega

Widget TextField con iconos en Flutter

39/69
Recursos

Aqu铆 est谩 el repositorio de esta clase.

Aportes 15

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Para el input de location, en caso de que fuera un boton podemos usar como base un RaideButton y modificarlo:

Container(
                  padding: EdgeInsets.symmetric(horizontal: 20),
                  margin: EdgeInsets.only(top: 20),
                  child: RaisedButton(
                    onPressed: () {},
                    color: Colors.white,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: <Widget>[
                        Text("Add Location"),
                        Icon(Icons.location_on)
                      ],
                    ),
                    elevation: 5,
                    shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.all(Radius.circular(10))
                    ),
                  ),
                )

Generamos el archivo title_input_location.dart y copiamos c贸digo del archivo text_input.dart e implementamos el archivo creado en el archivo add_place_screen.dart

Si desean ubicar un 铆cono similar al que el dise帽ador le provey贸 a la docente pueden utilizar el siguiente:

TextInputLocation(
	iconData: Icons.location_on_outlined,
)

En las versiones recientes de flutter se pueden utilizar las versiones 鈥榦utlined鈥 (sin relleno) de los originales .

Si quieres que el icono te quede exactamente igual, debes cambiar :

Icons.location_on

por :

Icons.location_on_outlined

Parece que el @required no funciona exactamente como lo explican ya que aunque ella declara el controller con este tag, cuando implementa la clase no tiene necesidad de pasarlo por parametro. 馃槮

Interesante, hace d铆as no continuaba con el curso pero est谩 muy ch茅vere, realmente Flutter tiene bastante y he aprendido bastante sobre est茅 SDK 鉂わ笍

Excelente clase, a帽adida a mis favoritas.

Como haces para que este 鈥淎dd Location鈥 cuando vas escribiendo la Location te levante googleMaps para seleccionar de una lista de lugares ?

Esto va de maravilla

Para quienes no le ejecuta debido a que falta el controller de estatus REQUIRED!

cree esto debajo de los anteriores controllers:

final _controllerLocationMovie =TextEditingController();

y agregue esto como parametro en el required:

controller: _controllerLocationMovie

como hace para ajustarlo a la izquierda ?? para la derecha da tabuador pero para jalar todo a la izquierda??

Genial!

Genial excelente curso!

Muy bien explicado

Como hace para que funcione sin colocar los campos requeridos??? la app corre sin colocar el controller