Skip to content

DeveloperRejaul/react-native-libs

react-native-libs

A simple React Native native module to control the Status Bar and Navigation Bar colors on Android.

Installation

npm install react-native-libs

or

yarn add react-native-libs

Usage

import { setStatusBarColor, setNavigationBarColor } from 'react-native-libs';

// Change Status Bar color
setStatusBarColor('#1E90FF', true);

// Change Navigation Bar color
setNavigationBarColor('#FFFFFF', false);

API

setStatusBarColor(color: string, lightIcons: boolean): void

Sets the Android status bar color.

Parameter Type Description
color string Hex color value (e.g. #FFFFFF)
lightIcons boolean true for light icons, false for dark icons

Example:

setStatusBarColor('#000000', true);

setNavigationBarColor(color: string, lightIcons: boolean): void

Sets the Android navigation bar color.

Parameter Type Description
color string Hex color value (e.g. #FFFFFF)
lightIcons boolean true for light icons, false for dark icons

Example:

setNavigationBarColor('#FFFFFF', false);

Platform Support

Platform Supported
Android Yes
iOS No

Notes

  • This library works on Android only.
  • Make sure your app theme does not override system bar colors.
  • Some older Android versions may have limited support for icon color changes.

Contributing

Pull requests are welcome! Feel free to open an issue if you find a bug or want to suggest a feature.


License

MIT License

About

A simple React Native native module to control the Status Bar and Navigation Bar colors on Android.

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors