White labeling React Native apps

Question

There is some information here already: White labeling an iOS app

I was wondering if there any workflows for white labeling a React Native app?

Basically if I had a core app for the app store. I would like to create white labeled versions (iOS + Android) with some modifications.

Tantalum

Answer 1

I found the project a project called white-label-app in github, I believe you can inspire yourself looking this project closer (and use them as boilerplate).

I'll try to use the majorajs, the idea of this package is "Manage white-label or skinned versions of your React Native app", sounds good for me.

Aside

Did you try using MajoraJS, Duke? And if so what was your experience with it? – Coacervate

How would you install multiple com.whitelabelapp ids in one mobile app?? Theming is not an issue for me but I am looking for dynamic selection/configuration of app ids?? – Vibes

@Coacervate I changed my work weeks after my comment, I don't use majorajs proper, but today maybe I believe use the Android flavors and Xcode targers, it's the best option, this post explain it hackernoon.com/… – Aside

@Vibes I can't understand very well your problem :/ – Aside

Answer 2

You can use a combination of the React Native Bridge & product-flavors/targets to achieve what you want.

The process is extensive to setup, but once you have it setup it is very easy to add new white labelled apps to it.

I wrote a blog post that goes over every detail if you need a step by step guide.

Vas

Answer 3

One approach would be to use Fastlane together with react-native-config to provide values from the environment.

I wrote up a more detailed blog post about it here that explains my approach:

A React Native White Labeling Journey

I'm building the app through the CI which runs my Fastlane script, which parses the unique git tags for each app, building the appropriate app and distributing it to AppStore / GooglePlay.

Surrealism