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

This page was machine-translated from Portuguese and may contain errors. The Portuguese version is canonical.

Panoramic tour of CrossFly

You’ve made your first app. So now, what else can you do? This is the map — one sentence and one link per topic (the explanation lives in the owning section).

Build the interface

  • Components — 35 ready-made widgets (buttons, fields, lists, pickers, charts): ui/widgets.
  • Responsive layouts — stack, grid, anchor; automatic adaptation: ui/layouts · responsiveness.
  • Navigation and windows — screen stack, dialogs, returning values: ui/navigation.
  • Styles and themes — light/dark, Skins, semantic colors: ui/theming.
  • Animations — fade/slide/pulse and screen transitions: ui/animations.
  • Forms — masks, keyboards, focus, validation: ui/forms-and-input.
  • Images and graphics — display, draw, capture: ui/images-and-graphics.

Data and the real world

  • State, SQLite, network, device (camera, GPS, Bluetooth, biometrics, maps): data-and-services.

Quality and delivery

  • Best practices — performance, architecture, testing, security, i18n: best-practices.
  • Publish per platform — desktop, Android, iOS, web: platforms.

Understand the “why”

  • Concepts — paint thread, everything is a Component, layout, state: concepts.

Reference

  • Reference — signatures, enums, cheat sheets, glossary: reference.

Coming from another framework?

  • Migration — Flutter, Compose, SwiftUI, React Native, TotalCross: migrate.

Next steps

  • Want a guided course? Head to learn/.
  • Already have a specific task? Go to the cookbook/ or straight to the thematic section above.
Was this page helpful?