open-index/open-npm huggingface dataset:
npm package: @islacel/react-native-background-color
Description: This module alows you to set the root backgound color of your react-native app from JS.
Author: Rado Milushev
Latest version: 0.0.12

## 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](https://medium.com/react-native-development/change-splash-screen-in-react-native-android-app-74e6622d699). 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.**

### Workaround for iOS
  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];
    
    // ...
  }
  ```
  
  

### Installation

#### 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
```

### Usage

```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 (
      <View/>
    );
  }
}

```