Este componente puede convertirse en una barra de acción contextual (una barra con opciones, como cerrar ventana, eliminar, compartir, more options, etc)
Aquí es donde se suele poner el título de la ventana, el cual es opcional porque, por defecto suele ir al costado del ícono de navegación(el que suele ser el icono de menú o icono de flecha de retroceso) o también puede estar debajo (afuera de este componente), pero siempre a lado izquierdo.
El color de fondo lo pones tú, de acuerdo a tu paleta de colores escogida.
En móvil, existen 2 tipos: regular y prominente.
La de tipo "prominente" se usa cuando el título de tu vista es extensa(no cabe en una sola línea) y escogiste de que este se ubique dentro del "Top App Bar".Se suele poner como fondo una imagen, pero tienes que asegurarte de que esta imagen sea fija, es decir que nunca se cambie, de que no dependa de algún otro factor que lo haga variar. Esto porque debemos de escoger una imagen que haga que nuestros iconos (que están encima) no se pierdan al visualizarlos.
La de tipo "regular", es la que se usa por defecto, en donde el título de la ventana suele ponerse al costado del ícono de navegación (recordar que dicha posición del título es opcional).
El componente "Top App Bar", según plantees en tu diseño puede que no aparezca, pero tienes que tener cuidado porque si en una pantalla tienes este componente y en otra pantalla similar ya no lo tienes, en este caso no deberías hacer esto, para no romper el patrón de tu diseño
Navigation Bar > iOS
En un pantalla principal el titulo debe ir al centro de este componente, cuando ingresas a una pantalla secundaria, al costado de la flecha de retroceso deberá ir el nombre de la pantalla anterior o el texto "atrás"
