This module alows you to set the root backgound color of your react-native app from JS.
npm install react-native-background-colorsetBackgroundColor on the root view, which overwrites/removes any existing background resource, including any borders, corners, padding, etc. This is very good for if you set a splash screen in Android following this popular way - Medium :: Andrey Nikishaev - Change splash screen in React Native Android app. That tutorial recommends setting a solid color on the root view to just cover the splash image. However when the keyboard shows, it shows the background view for a split second, and your splash image is visible. So by using setBackgroundColor from this module, you can erase that image from the back.
AppDelegate.m file, in the didFinishLaunchingWithOptions function
objective-c
didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
// ...
RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
moduleName:@"proquantMobile"
initialProperties:nil
launchOptions:launchOptions]; <--- after this line
// adjust red, green, blue and alpha as per the UIColor spec
rootView.backgroundColor = [[UIColor alloc] initWithRed:0.23f green:0.25f blue:0.82f alpha:1.0];
// ...
}
`
$3
#### Using npm:
`sh
$ npm install --save react-native-background-color
`
#### Using yarn:
`sh
$ yarn add react-native-background-color
`
#### Link module
`sh
$ react-native link
`
$3
`jsx
import React, { Component } from 'react';
import BackgroundColor from 'react-native-background-color';
export default class App extends Component {
componentDidMount() {
BackgroundColor.setColor('#FFFFFF');
}
render() {
return (
);
}
}
``