Mobile App White Labeling
You can rebrand Rocket.Chat Mobile Apps to suit your style guide. You can customize the App Icons, Splash Screens, App Name, and Colors for your mobile app. This guide provides a step-by-step overview of how to white label the Rocket.Chat mobile app for both Android and iOS platforms.
Requirements
To customize your mobile apps, here are some essential requirements:
Intermediate knowledge of Android/iOS development and basic Javascript knowledge.
The repo contains targets/build flavors to build our experimental and official apps. Both apps are equal but released at a different paces in the stores.
The experimental folder contains the assets for the non-official app. If you see it, avoid worrying about breaking anything.
Set up the GitHub Repository
Ensure you have both iOS and Google developer accounts and the respective development environments working.
Follow the Getting Started with ReactNative guide to set up your enviroment.
Clone the Rocket.Chat ReactNative GitHub Repo with this command:
Checkout to the
single-server
branch.
You can clone the single-server branch directly by running this command:
General White Labeling
appGroup
must be the same App Group created for the iOS app
Change app colors in the colors.ts file.
Set up Firebase
Creating a project Google Cloud Platform (GCP)
Sign in to Google Console.
Navigate to New Project.
Fill in the required project details and click Create. You are redirected to the newly created project page.
Creating a new Firebase project
Sign in to Firebase.
Click Create a Project.
Select the project you created in GCP.
Follow the setup prompts and click "Create".
Continue with the steps in Mobile App White Labeling and iOS App White Labeling depending on your device.
Last updated