---
title: "Perfil de Usuario y NavBar"
description: "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á autentica"
canonical_url: "https://es.goodbarber.com/blog/perfil-de-usuario-y-navbar-a579/"
lang: es
date: 2017-10-27
last_updated: 2017-10-27
---

# Perfil de Usuario y NavBar

[Atrás](/blog/make-it-r8/)

# Perfil de Usuario y NavBar

Escrito por [Jerome Granados](https://es.goodbarber.com/blog/author/jerome-granados/)  el Viernes 27 Octubre 2017

![](https://cmsphoto.ww-cdn.com/superstatic/81328/art/grande/17894927-22245456.jpg?v=1509130307.6183665)

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

![](https://cmsphoto.ww-cdn.com/superstatic/81328/art/grande/17894927-22245457.jpg?v=1509130337.490863)

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

![](https://cmsphoto.ww-cdn.com/superstatic/81328/art/grande/17894927-22245465.jpg?v=1509130358.3020241)

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.

![](https://cmsphoto.ww-cdn.com/superstatic/81328/art/grande/17894927-22245471.jpg?v=1509130383.8602278)

![Jerome Granados](https://blog.goodbarber.com/_public/profile/1b/1b6453892473a467d07372d45eb05abc2031647a-default.jpg)

Sobre el autor[Jerome Granados](https://es.goodbarber.com/blog/author/jerome-granados/)CMO

Soy CMO y socio de GoodBarber.

A través de este blog, comparto consejos prácticos para ayudarte a sacar el máximo partido a GoodBarber, análisis sobre las tendencias que están transformando el mundo móvil y el no-code, así como algunas reflexiones sobre el impacto de la inteligencia artificial en nuestro sector.

Si algún artículo te inspira una pregunta, una idea o una experiencia que quieras compartir, conversemos en los comentarios.

[Leer más](https://es.goodbarber.com/blog/author/jerome-granados/)

[![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://www.linkedin.com/in/jeromegranados/)[![X](https://portal.ww-cdn.com/portal_static/svg/base2021/x.820492c586dd.svg)](https://x.com/jeromegranados)[![Facebook](https://portal.ww-cdn.com/portal_static/svg/base2021/fb.be37c82b8283.svg)](https://www.facebook.com/jerome.granados)[![Instagram](https://portal.ww-cdn.com/portal_static/svg/base2021/instagram.e3b82841d5d7.svg)](https://www.instagram.com/jeromegranados/)[![Pinterest](https://portal.ww-cdn.com/portal_static/svg/base2021/pinterest.3ba400801cb2.svg)](https://www.pinterest.com/jeromegranados/)