Customize App

All the customizations are done via environment variables.

App Name

EXPO_PUBLIC_APP_NAME=<YOUR_APP_NAME>

App Description

EXPO_PUBLIC_APP_DESCRIPTION=<YOUR_APP_DESCRIPTION>

App Slug

EXPO_PUBLIC_APP_SLUG=<YOUR_APP_SLUG>

App package name (Android & iOS)

EXPO_PUBLIC_IOS_BUNDLE_ID=<YOUR_APP_BUNDLE_IDENTIFIER>
EXPO_PUBLIC_ANDROID_PACKAGE=<YOUR_APP_PACKAGE_NAME>

Please read more about the package name in the Expo documentation

EXPO Project ID

EXPO_PUBLIC_PROJECT_ID=<YOUR_EXPO_PUBLIC_PROJECT_ID>

App Theme

We are using Minimal UI using Tailwind CSS with common components. The Tailwind CSS is configured to be fully compatible with the web version of Supersaas.

We are using twrnc to add Tailwind CSS to the app. If you are familiar with Tailwind CSS on the web you will find it very easy to use and you can even copy past your styling from a web application and should work without issues with react native too with some minor adjustments of course. We do support dark theme as well.

App Icon and Splash Screen

Updating the app icon and splash screen is straightforward. You only need to update the app icon and splash screen images inside the assets folder and run expo prebuild to update the app icon and splash screen.

More details about the app icon and splash screen can be found here.