Remove that blue color from your React Native applications
While using React Native, don’t forget about the native part. Remember to theme the native views with your custom colours.
Have you ever created an app and noticed that blue blinking indicator shown above? What you are seeing is the iOS default accent colour, which is used in all of your native views.
An easy solution
Fixing it to match your app colour is very simple and requires almost zero knowledge of native development. All you have to do is go into your /ios/projectname/ folder and open the AppDelegate.m file. Once there, find the following lines:
Add the following line _window.tintColor = yourCustomColor; just below the backgroundColor one, this will signal your main application window to use this new accent color for all native views enclosed in it. The end result should look something like this:
That will pretty much solve it, your app is blinking your custom colour. If you don’t support…
