Skip to content
CrossFly is 100% open sourceFollow us on GitHub
CrossFlyCrossFly
Get started

This documentation is currently available in Portuguese. English and other languages are on the way.

Cookbook

Recipes · UI

Quick interface patterns — dialogs, dropdowns, hints and selection, each recipe with code ready to copy.

How-to🟢
How to open an actions menu (ActionSheet)

Show an iOS-style action sheet at the bottom of the screen, with buttons and a Cancel.

How-to🟡
How to place a badge on the corner of an avatar

Position a badge/counter overlaid on the corner of another component with RelativeLayout.

How-to🟡
How to create tabs (TabBar)

Build a tab bar with per-tab content and react to tab changes.

How-to🟢
How to create a clickable card

Build a Component with a rounded background, laid-out content and touch response.

How-to🟢
How to show a spinner and a progress bar (Progress)

Use Progress in its three modes — spinning icon, determinate bar and indeterminate.

How-to🟢
How to show a Hint (toast)

Show ephemeral, non-modal feedback that appears and disappears on its own.

How-to🟢
How to ask for confirmation with Alert

Open a modal confirmation dialog with Cancel/OK buttons and react to the choice.

How-to🟢
How to use checkbox and radio (Option and Group)

A lone Option becomes a checkbox; several in a Group become a radio (exclusive selection).

How-to🟢
How to use a selection Dropdown

Open a drop-down list, react to the choice, and get the selected item.