Saltar al contenido
CrossFly es 100% open sourceSíguenos en GitHub
CrossFlyCrossFly
Empezar

Esta documentación está disponible en portugués. Las traducciones a otros idiomas están en camino.

Recetario

Recetas · UI

Patrones rápidos de interfaz — diálogos, dropdowns, hints y selección, cada receta con el código listo para copiar.

Cómo hacer🟢
Cómo abrir un menú de acciones (ActionSheet)

Mostrar una hoja de acciones estilo iOS en la base de la pantalla, con botones y un Cancelar.

Cómo hacer🟡
Cómo colocar un badge en la esquina de un avatar

Posicionar un sello/contador superpuesto en la esquina de otro componente con RelativeLayout.

Cómo hacer🟡
Cómo crear pestañas (TabBar)

Montar una barra de pestañas con contenido por pestaña y reaccionar al cambio de pestaña.

Cómo hacer🟢
Cómo crear una card cliqueable

Montar un Component con fondo redondeado, contenido en layout y respuesta al toque.

Cómo hacer🟢
Cómo mostrar spinner y barra de progreso (Progress)

Usar Progress en los tres modos — icono girando, barra determinada e indeterminada.

Cómo hacer🟢
Cómo mostrar un Hint (toast)

Mostrar feedback efímero no modal que aparece y desaparece solo.

Cómo hacer🟢
Cómo pedir confirmación con Alert

Abrir un diálogo modal de confirmación con botones Cancelar/OK y reaccionar a la elección.

Cómo hacer🟢
Cómo usar checkbox y radio (Option y Group)

Un Option solo se convierte en checkbox; varios en un Group se convierten en radio (selección exclusiva).

Cómo hacer🟢
Cómo usar un Dropdown de selección

Abrir una lista desplegable, reaccionar a la elección y obtener el elemento seleccionado.