Creo que también se podrÃa haber puesto en el width la propiedad double.infinity en lugar de hacer el MediaQuery y de esa manera también hacemos que ocupe todo el ancho
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 8
Preguntas 0
Creo que también se podrÃa haber puesto en el width la propiedad double.infinity en lugar de hacer el MediaQuery y de esa manera también hacemos que ocupe todo el ancho
(2022)
Es una mala practicar trabajar el desbordamiento de Texto de la pantalla de login de esta forma ya que este texto es importante para el diseño de la aplicación, y si en una pantalla pequeña pasa el App abajo se va a ver feo.
¿Cómo lo corregimos haciendo que el fontSize se ajuste automaticamente dependiendo del width de la pantalla?: Utilizando un FittedBox
Container(
width: widthScreen-(widthScreen/14), //hago esta resta para colocarle margenes horizontales y ademas simular diferentes width de pantallas
child:FittedBox(
fit: BoxFit.contain,
child:Text('Welcome \n This is your Travel App',
style: TextStyle(
fontFamily: 'lato',
color: Colors.white,
fontWeight: FontWeight.bold
),
) ,
)
),
Genial!
BuenÃsimo hablar de desbordamiento de texto en la sección de Cloud Firestore.
evitar desbordamiento de texto
¿Para qué es necesario manejar este desbordamiento? Si el texto supera el ancho de la pantalla, el contenido excendente pasará a la siguiente lÃnea. Sólo aumentará verticalmente.
La pregunta es si esto afectará a todo el texto de la app…
olvido poner el GadientBack en la pagina de profie
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?