Blog

Perfil de Usuario y NavBar

Hemos mejorado el funcionamiento del atajo que permite acceder al perfil del usuario desde el NavBar.

Ahora el atajo es dinámico. Si el usuario está autenticado en la app, su foto de perfil aparece, si no, es el icono por defecto.

Configuración

Esta funcionalidad permite optimizar el diseño de tu app. Además, añade una información visual útil para el usuario. Sale de manera instantánea si está autenticado o no en la app.

Para activar la funcionalidad, primero hay que añadir un enlace en la Cabecera de tu app. Para eso, ve al Constructor > Cabecera & Cuerpo y haz clic sobre el botón “Añadir una sección”.

La sección tiene que redirigir al perfil de usuario. No olvides elegir un icono por defecto. Ten en cuenta también que las opciones avanzadas permiten modificar la visualización del enlace en función del tamaño de la pantalla del terminal que muestra tu app.

Se debe observar que, si ya tenías un atajo hacia el perfil antes de la puesta en línea de esta novedad, tendrías que suprimir y rehacer el enlace para beneficiar del comportamiento dinámico. 

Comportamiento dinámico

Una vez el enlace está añadido en la cabecera, la visualización está gestionada automáticamente. Si el usuario no está autenticado, el icono y eventualmente el texto por defecto aparecen. En cuanto se autentica, aparecerán las informaciones asociadas al perfil.


Smartphone
Solo el icono aparece cuando el enlace forma parte de los elementos principales de la cabecera. Si el enlace está en el menú adicional, el icono y el nombre del usuario aparecerán.

Tablet & Desktop
Puedes decidir mostrar el nombre del usuario además del icono.
En el menú adicional, el icono y el nombre del usuario aparecen.

Sigue leyendo

  7 min de lectura

¿Cómo ajustar los bordes en mi app?

En GoodBarber, cada celda, widget y campo ya tiene su borde de 1 px. Dale un color, un grosor de 1, 2 o 4 px, o un solo lado bajo un título.

  4 min de lectura

El nuevo back office de GoodBarber: más claridad para crear tu app

Todo empieza por el diseño. Una nueva tipografía, Plus Jakarta Sans, un azul para la interfaz, un verde reservado para publicar y validar, esquinas suavizadas, sombras suaves e iconos rediseñados. El conjunto se lee con calma y cada color cumple una función: el azul guía, el verde confirma.En My App, la vista previa de tu app ocupa el centro de la pantalla y los ajustes se agrupan en un panel a la derecha. Modificas en un lado, ves el resultado en el otro, y tu app sigue a la vista durante todo el trabajo.