1Follow these steps
2
3
4
5
6$ yarn add react-native-navigation-bar-color
7
8
92 - Configure package:
10______________________________________________________________
11
12======Open up android/app/src/main/java/[...]/MainApplication.java ======
13 == Add   to the imports at the top of the file
14 (. import com.thebylito.navigationbarcolor.NavigationBarColorPackage;)
15 
16______
17______________________________________________________________
18======Append the following lines to android/settings.gradle:======
19include ':react-native-navigation-bar-color'
20project(':react-native-navigation-bar-color').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-navigation-bar-color/android')
21
22______________________________________________________________
23
24Insert the following lines inside the dependencies block in android/app/build.gradle:
25implementation project(':react-native-navigation-bar-color')
26
27
28Now restart the project
29
30import changeNavigationBarColor, {
31  hideNavigationBar,
32  showNavigationBar,
33} from 'react-native-navigation-bar-color';
34
35========function list=========
36
37 const setNavigationColor = color => {
38    changeNavigationBarColor(color);
39  };
40  const hideNavigation = () => {
41    hideNavigationBar();
42  };
43
44  const showNavigation = () => {
45    showNavigationBar();
46  };
47
48  const testSetTranslucent = () => {
49    changeNavigationBarColor('translucent', false);
50  };
51
52  const testSetTransparent = () => {
53    changeNavigationBarColor('transparent', true);
54  };
55