Trabajando con Componentes en Sketchflow
Un vistazo a los componentes
Los compornentes son una caracteristica de SketchFlow que permite crear objetos que pueden ser reutilizados en su proyecto SketchFlow. Son muy flexibles; por ejemplo puede incluir una barra de navegación, un formulario, una ventana de chat, etc. Cualquier objeto que es modular y que puede ser reutilizado en múltiples páginas es un candidato para ser un Componente.
Creando Conecciones
Usted puede crear una coneccion entre los components de pantalla y las pantallas de navegación. Esto te permite agregar contenidos de la pantalla de componentes a cualquier pantalla de navegación. Una clave diferencia entre un component y una pantalla de navegación es que los componentes no tienen conecciones entrantes.
1 Vamos a trabajar con el mismo proyecto que venimos hacienda hace un par de post, en la pantalla de Bienvenida abra el panel Object y el Timeline.
2 Dibuje una barra de navegación la misma debe ser un rectángulo y 4 botones con estilo Sketchflow, para dibujarlos dirijase al panel de Assets y alli busque Style>SketchStyle y alli encontratar todos los controles que puedes utilizar. Selecciona la barra de navegación que acabaste de crear con la herramienta de selección. Una vez seleccionado aprieta click derecho y Make Into Component Screen. 
3 En la pantalla resultante tipee navbar en el campo de nombre y presione OK
Ahora tiene un component independiente nombrado navbar que tiene su propia vida. En el mapa de Sketchflow note que se ha agregado un nodo de color verde y está unido a la pantalla correspondiente. 
4 Clickee y arrastre la nueva navbar a la derecha de la pantalla de productos 1 y a la pantalla de productos 2.
Modificando un componente
El verdadero poder de los components es la posibilidad de modificarlo luego de haberlo agregado en las pantallas.
1 En el Sketchflow map panel, clickee dos veces el component navbar.
2 Clickee en cualquier parte de la pantalla para asegurarse que nada está seleccionado, lego clickee el rectángulo de fondo
3 En el panel de propiedades localice el editor de color y elija el que a usted le guste.
4 En el SketchFlow Map panel, clickee dos veces la pantalla de product 2 y note que la navbar a sido acutalizada,.
Utilizando el Navigate To Command
En este post, tendran ventajas sobre el comportamiento de los components y agregar navegación común a los 4 botones que agregamos en el post anterior. El componente actualizará automáticamente todas las páginas conectadas para brindarle interacción a la aplicación,
1 Clickee dos veces el component navbar que habiamos creado, para verlo en el artboard.
2 Clickee una vez en el boton Producto 2 para seleccionarlo luego click derecho sobre el mismo y del menu resultante, elija Navigate To. Del submenú que aparece elija la opción Producto 2
3 Repita los pasos para todos los botones.
4 Para cada una de las pantallas que tenian el component navbar, ya tienen los botones habilitados.
5 Presionemos F5 para corer la aplicacion