Document NavigationBar

lib/src/interfaces/Options.ts

@@ -1012,6 +1012,14 @@ export interface AnimationOptions {
   dismissModal?: ViewAnimationOptions;
 }
 
+/**
+ * Configure Android's NavigationBar
+ */
+export interface NavigationBarOptions {
+  backgroundColor?: Color;
+  visible?: boolean;
+}
+
 export interface Options {
   /**
    * Configure the status bar
@@ -1087,6 +1095,12 @@ setRoot: {
 ```
    */
   animations?: AnimationOptions;
+
+  /**
+   * Configure Android's NavigationBar
+   */
+  navigationBar?: NavigationBarOptions;
+
   /**
    * Preview configuration for Peek and Pop
    * #### (iOS specific)
@@ -1114,8 +1128,4 @@ setRoot: {
    * @default false
    */
   blurOnUnmount?: boolean;
-  /**
-   * Props to pass to a component
-   */
-  passProps?: Record<string, any>;
 }

website/api/options-navigationBar.mdx

@@ -0,0 +1,38 @@
+---
+id: options-navigationBar
+title: Navigation Bar Options
+sidebar_label: Navigation Bar
+---
+import useBaseUrl from '@docusaurus/useBaseUrl';
+
+The Navigation Bar is the area at the bottom of the screen containing Android's three navigation buttons: Back, Home and Recents.
+
+An example of a dark navigation bar:
+<img width="30%" src={useBaseUrl('/img/navBar_black.png')} />
+
+<br></br>
+<br></br>
+
+```js
+const options = {
+  navigationBar: {}
+};
+```
+
+### `visible`
+
+Set the navigation bar visibility.
+
+| Type    | Required | Platform |
+| ------- | -------- | -------- |
+| boolean | No       | Android     |
+
+### `backgroundColor`
+
+Set the navigation bar color. When a light background color is used, the color of the navigation bar icons will adapt to a dark color.
+
+<img width="30%" src={useBaseUrl('/img/navBar_white.png')} />
+
+| Type                  | Required | Platform | Default |
+| --------------------- | -------- | -------- | ------- |
+| Color | No       | Android     | 'black' |

website/api/options-root.mdx

@@ -13,7 +13,8 @@ const options = {
   sideMenu,
   overlay,
   modal,
-  preview
+  preview,
+  navigationBar
 };
 ```
 
@@ -162,3 +163,10 @@ Enable or disable automaticall blur of the focused input, dismissing keyboard on
 | Type    | Required | Platform | Default |
 | ------- | -------- | -------- | ------- |
 | boolean | No       | Android  | false   |
+
+## `navigationBar`
+Enable or disable automaticall blur of the focused input, dismissing keyboard on unmount.
+
+| Type    | Required | Platform |
+| ------- | -------- | -------- |
+| boolean | No       | Android  |

website/sidebarsApi.js

@@ -47,6 +47,7 @@ module.exports = {
         },
         'options-statusBar',
         'options-layout',
+        'options-navigationBar',
         'options-overlay',
         'options-sideMenu',
         'options-sideMenuSide',