How to change background color of rootView in React Native
Introduction
In order to make App’s starting screen look and feel better, you can either add a splash screen or change the background color of the rootView. In this short article, I’ll show You how to the latter.
iOS
In Your react-native project locate ios/YourAppName/AppDelegate.m file. There, just below rootView initialization, add desired background color:
As You can see, instead of well-know RGB or HEX color values, we have UIColor values. To get those, we can use online tool at http://uicolor.xyz/.
Android
From Your project root, go to android/app/src/main/res/values. There, create a file colors.xml, with a content:
Next, head to android/app/src/main/res/values/styles.xml
That’s it!
I hope You enjoyed this tutorial and I saved someone time searching for this solution.