Se creo el archivo title_header.dart
Modificamos el archivo add_place_screen.dart y sacamos información del archivo gradient_back.dart
Arquitectura de Aplicaciones
¡Renovaremos este curso! Te quedan unos dÃas para concluirlo.
Pasos para aprender Flutter Avanzado
¿Qué es una Arquitectura de software?
Tipos de Arquitecturas para Flutter
Arquitectura BLoC en Flutter
BLoC + Clean Architecture en Flutter
Estructurando nuestro proyecto utilizando la Arquitectura BLoC
Haciendo BLoC Singleton en Flutter
Aplicando Providers al Proyecto
Firebase y Flutter
¡Renovaremos este curso! Te quedan unos dÃas para concluirlo.
Integrando Firebase Authentication, Cloud Firestore y Firebase Storage al proyecto
Integrando Firebase a Flutter para iOS
Integrando Firebase a Flutter para Android
Creación de Pantalla de Login con Flutter
Creando botones reutilizables en Flutter
Autenticación de Firebase con Google
¡Renovaremos este curso! Te quedan unos dÃas para concluirlo.
Implementando Firebase Authentication en BLoC Pattern
Streams en Flutter
Manejando una sesión con Firebase Authentication y Flutter
Implementando Google SignOut en BLoC
Implementando Google SignOut en View
Monitoreando y validando la conexión al Sign con Google
Mostrando los datos de usuario de Google en la interfaz en Flutter
Cloud Firestore de Firebase en Flutter
¡Renovaremos este curso! Te quedan unos dÃas para concluirlo.
¿Qué es Cloud Firestore de Firebase?
Analizando un modelo de datos no relacional
Creando un Modelo de datos en Cloud Firestore
Enviando datos a Cloud Firestore
Creando un Widget gradiente personalizado
Manejo de Desbordamiendo de Texto de Widget Text
Botón de Back en un Appbar en Flutter
Navegación entre pantallas en Flutter
Widget Text Appbar personalizado en Flutter
¡Renovaremos este curso! Te quedan unos dÃas para concluirlo.
Widget TextField personalizado en Flutter
Creando una Safe Area para una interfaz que tiene un AppBar
Widget TextField con iconos en Flutter
Retocando el CardView
Mostrando imágenes en un CardView
Creando un botón de Submit en Flutter
EnvÃo de datos de un fórmulario en Flutter
Subiendo datos a Firestore de Firebase
Formularios en Flutter
Acceso al Hardware con Flutter
¡Renovaremos este curso! Te quedan unos dÃas para concluirlo.
Acceso a la cámara en Flutter
LibrerÃas de acceso a Hardware en Flutter
Firebase Storage en Flutter
¡Renovaremos este curso! Te quedan unos dÃas para concluirlo.
Qué es y cómo funciona Firebase Storage en Flutter
Subiendo una imagen a Firebase Storage desde Flutter
Querys avanzados en Cloud Firestore de Firebase en Flutter
¡Renovaremos este curso! Te quedan unos dÃas para concluirlo.
Manejo de imágenes en Cloud Firestore
Cloud Firestore insertando referencias y arrays en la base de datos
Descargar imágenes de Firebase Storage y mostrarlas en Flutter
Procesando datos con BLoC Pattern
Trayendo datos de Cloud Firestore
Persistiendo datos de un usuario logueado
Aplicando Filtros en Cloud Firestore
¡Renovaremos este curso! Te quedan unos dÃas para concluirlo.
Construyendo los Places en la pantalla de Home
Mostrando los Places en la pantalla de Home
Actualizando datos en tiempo real
Manejando la lógica de likes, como botón toggle.
Insertando y obteniendo referencias en datos de Firestore.
Usando el caché para cargar imágenes más rápido
StreamController, sink, add y StreamBuilder
Conclusiones
¡Renovaremos este curso! Te quedan unos dÃas para concluirlo.
Conclusiones
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Anahà Salgado DÃaz de la Vega
Aportes 10
Preguntas 2
Se creo el archivo title_header.dart
Modificamos el archivo add_place_screen.dart y sacamos información del archivo gradient_back.dart
PodrÃamos pasarle el padding por parámetro a Title header
final String title;
final EdgeInsets padding;
TitleHeader({Key key, @required this.title, this.padding});
//AddPlaceScreen
TitleHeader(title: 'Add a new place', padding: EdgeInsets.only(top: 45.0, left: 20.0, right: 10.0))
Yo tenia desbordamiento en el archivo title_header.dart lo solucione únicamente restando al MediaQuery 80 que equivale al padding del icono y del texto.
double screenWidth = (MediaQuery.of(context).size.width)-80;
Ya en este punto los comentario comienzan a ser bastante pocos espero y no se desanimen pues toca investigar en varias ocasiones debido a que Flutter se estado actualizando y varias de las cosas mostradas en el curso están un poco desactualizadas. Suerte a todos!!
Una enorme responsabilidad conlleva unas veces una recompensa.
Lo mejor de todo el progreso hasta ahora es que cada recurso que se esta generando es reusable por su naturaleza lo más generica posible.
Pero creo que Ann pone key para que el parámetro que le este pasando sea como obligatorio…
Según este vÃdeo en este archivo no es necesario el uso de Keys.
Aquà el video: https://youtu.be/kn0EOS-ZiIc
genial!
Hola, por si alguno tiene problema con el Hero Tag también es necesario agregarlo en el archivo circle_button, al menos en mi caso si no lo agrego a este archivo, la pantalla queda en blanco al accionar el botón de agregar.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?