Steroids Native UI

Steroids Native UI

Steroids has some essential native UI elements that are hard or impossible to implement smoothly with pure HTML/JS/CSS. To use these elements, you need to understand the concept of layers first.

Layers and Views

Native UI Components

Events

Miscellaneous helpers

Config Options Related to the Native UI

Some behaviour and styling is configured in the steroids.config, defined in the config/application.coffee file:

  • steroids.config.tabBar
  • steroids.config.statusBar
  • steroids.config.navigationBar
  • steroids.config.theme

Native Transition Animations

Transition animations that can be used with navigation elements are also available to use without actual navigation.