react-native-background-color

React Native Background Color

This module alows you to set the root backgound color of your react-native app from JS.

This calls setBackgroundColor 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.

Supports only Android at the moment.

$3

You can set the color of the root view directly in the 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 (

);
}
}

``