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.

UI — Building the interface

Component Catalog

Catalogue of CrossFly's visual components: buttons, fields, pickers, alerts and selectors, each with a ready example.

Reference
ActionSheet

iOS-style action sheet anchored to the bottom of the screen.

Reference
Alert

Modal dialog box with title, message and action buttons.

Reference
BarcodePicker

Reading barcodes/QR codes with the camera (abstract class).

Reference
Button

Clickable button that displays text and/or icon, with a pressed state and onAction.

Reference
Charts (ChartView)

Charts — line, area, bar, stacked bar/area, pie, donut and combo — with a shared render core.

Reference
ColorPicker

Color selection via a hue×saturation matrix + brightness slider.

Reference
DatePicker

Date selection in a monthly calendar, with an optional allowed range and the chosen day returned.

Reference
Dropdown

ComboBox — a button with an arrow that opens a list for single selection.

Reference
Spacing (Gap)

How to space components without Spacer — using Gap, ingap/outgap and layout fractions.

Reference
FilePicker

Reserved — empty skeleton in the 2026 API (produces no result).

Reference
Group

Logical registry that makes Options/Switches mutually exclusive (radio).

Reference
Hint

Ephemeral non-modal notification (replaces Toast/ToolTip).

Reference
ImageView

Displays an Image with configurable scale mode (ImageSize) and alignment.

Reference
Keypad

Numeric keypad/calculator window that anchors to a focused TextField.

Reference
Label

Non-interactive component for displaying text (with word-wrap) and/or read-only icons.

Reference
LabelItem and CheckLabelItem

Ready-made list item cards — label only (SINGLE) or checkbox + label (MULTIPLE).

Reference
ListView

Scrollable, embeddable list of text items, with single or multiple selection.

Reference
ListViewWindow

Modal popup that wraps a ListView in a Window for selection in a floating window.

Reference
LocationPicker

Pick a geographic coordinate on a map with GPS, returning latitude and longitude to the caller.

Reference
LocationView

Displays GPS coordinates (lat, lon, fix time, speed, heading) as text, updated periodically.

Reference
Option

Checkbox/radio with animated crossfade — checkbox on its own, radio in a Group.

Reference
PagedDataAdapter

Paged DataAdapter for VirtualListView, with an LRU page cache and asynchronous loading.

Reference
PhotoPicker

Capture a photo or video with the device camera, returning the path of the file it produced.

Reference
Picker (base class)

Base of all pickers — the getAnswer() + show(onAnswer) pattern.

Reference
Progress

Progress indicator — determinate bar, infinite animation or spinning icon.

Reference
Slider

Selection of a float value within a range, continuous or in steps.

Reference
Switch

On/off switch with an animated sliding track and an optional label.

Reference
TabBar

Tab bar with an animated indicator and horizontally scrollable content with per-page snap.

Reference
TextArea

Multiline text field with word-wrap, vertical scrolling, per-line icons and a scrollable read-only mode.

Reference
TextField

Single-line text field with mask, EditMode, password mode, clickable icons and a floating caption.

Reference
TextInput

Abstract base for text input — cursor, selection, clipboard, focus and keyboard, common to TextField and TextArea.

Reference
TimePicker

Hour and minute selection via analog clock or grid.

Reference
VirtualListView

High-performance virtualized list that recycles components, RecyclerView-style.

Reference
WebContainer

Embeds a native webview (HTML/JS) inside the UI — via the IWebView interface, platform-dependent.

Reference
Whiteboard

Freehand drawing surface, with smoothed strokes and configurable color and thickness.