Supported Export Platforms

Supernova supports all main platforms for the development of mobile apps:

  • iOS, Android, React Native and Flutter

Below you'll find a detailed list of all the supported platforms and the differences between them.

Export - iOS

Below you'll find all supported iOS features including details like versions and known export issues.

Supported features

Features

Supported Types

Supported UI types

Storyboards, XIBs, Code

Supported Layout

Autolayout (Storyboard & XIB), Autolayout (Code)

Supported Languages

Swift 3.2, 4, 4.2, 5

Supported Components

Native Library

Supported Navigations

Storyboards, Code, Both Tabbed and Screen-to-screen

Supported Animations

Core Animation

Supported Systems

iOS 11 and higher, iPadOS

Supported Export Modes

CodeX, Single-screen, Project

Supported Architectures

MVC (MVVM planned)

Supported Components

View, Scroll View, Stack View, Blur View, Label, Button, Image View, Text Field, Table View, Collection View, Cells, Web View, Map View, Activity Indicator, Slider, Progress Bar, Search Bar, Segmented Control, Switch, Lottie View

Known Issues

  • When exporting Storyboards or XIBs, XCode will complain about frames not being the same as they'll be in the runtime. Those warnings can be safely ignored - or fixed by clicking on the warning triangle and selection option "update all"
  • When exporting scroll views, the content sometimes doesn't scroll. This is usually because the layout doesn't have all the required rules. Grouping the content that should scroll usually fixes the problem
  • Shadow and corner radius can't be used together - a known limitation of iOS in general. In order to achieve this effect, embed the component with the corner radius in view and transfer the shadow to embedding view

Export - Android

Below you'll find all supported Android features including details like versions and known export issues.

Supported features

Features

Supported Types

Supported UI Types

XML, XML + Data Binding

Supported Layout

Constraint Layout

Supported Languages

Kotlin, Java

Supported Components

Native library

Supported Navigation

Code (Jetpack coming soon)

Supported Animations

Native Library

Supported Systems

Android SDK v21 - 27

Supported Export Modes

CodeX, Single-screen, Project, Module

Supported Architectures

MVC

Supported Components

View, Scroll View, Stack View, Blur View, Label, Button, Image View, Text Field, Table View, Collection View, Cells, Web View, Map View, Activity Indicator, Slider, Progress Bar, Search Bar, Segmented Control, Switch, Lottie View

Known Issues

  • Shadows are not exported to components because shadows are represented as elevation instead. We are thinking about providing conversion between elevation and shadows but it will always be an approximation at best.

Export - React Native

Below you'll find all supported React Native features including details like versions and known export issues.

Supported features

Features

Supported Types

Supported UI Types

JSX

Supported Layout

Flexbox

Supported Languages

JS (TS planned)

Supported Components

Native Library

Supported Navigation

React Navigation

Supported Animations

React Native Animated

Supported Systems

React Native 0.16+

Supported Export Mode

React Create App, Expo

Supported Architecture

MVC

Supported Components

View, Scroll View, Stack View, Label, Button, Image View, Text Field, Table View, Collection View, Cells, Web View, Map View, Activity Indicator, Slider, Progress Bar, Search Bar, Segmented Control, Switch

Known Issues

  • The layout follows the same limitations as Flexbox, meaning things like spacings inside equally-spaced containers, etc. are not fully supported. We have created workarounds (usually using additional smart views and containers) for many common situations but some can't be solved
  • It is not possible to create multiple animations with the same animation properties on the same components
  • Some (obscure) combinations of navigation chaining are not supported

Export - Flutter

Below you'll find all supported Flutter features including details like versions and known export issues.

Supported features

Features

Supported Types

Supported UI Types

Dart

Supported Layout

Flexbox

Supported Languages

Dart

Supported Components

Native + Material UI (Cupertino planned)

Supported Navigation

Native Library

Supported Animations

Native Library + Supernova UI Toolkit

Supported Systems

Flutter 1.0 and newer

Supported Architecture

MVC

Supported Components

View, Scroll View, Stack View, Label, Button, Image View, Text Field, Table View, Collection View, Cells, Web View, Map View, Activity Indicator, Slider, Progress Bar, Search Bar, Segmented Control, Switch

Known Issues

  • The layout follows the same limitations as Flexbox, meaning things like spacings inside equally-spaced containers, etc. are not fully supported. We have created workarounds (usually using additional smart views and containers) for many common situations but some can't be solved
  • It is not possible to create multiple animations with the same animation properties on the same components