feat(android): Add navigationBarColor and navigationBarDividerColor options

Author: jdnichollsc

README.md

@@ -162,6 +162,8 @@ Property       | Description
 `showTitle` (Boolean)   | Sets whether the title should be shown in the custom tab. [`true`/`false`]
 `toolbarColor` (String)           | Sets the toolbar color. [`gray`/`#808080`]
 `secondaryToolbarColor` (String)  | Sets the color of the secondary toolbar. [`white`/`#FFFFFF`]
+`navigationBarColor` (String)     | Sets the navigation bar color. [`gray`/`#808080`]
+`navigationBarDividerColor` (String) | Sets the navigation bar divider color.  [`white`/`#FFFFFF`]
 `enableUrlBarHiding` (Boolean)    | Enables the url bar to hide as the user scrolls down on the page. [`true`/`false`]
 `enableDefaultShare` (Boolean)    | Adds a default share item to the menu. [`true`/`false`]
 `animations` (Object)             | Sets the start and exit animations. [`{ startEnter, startExit, endEnter, endExit }`]
@@ -180,7 +182,7 @@ import { InAppBrowser } from 'react-native-inappbrowser-reborn'
 ...
   async openLink() {
     try {
-      const url = 'https://www.google.com'
+      const url = 'https://www.proyecto26.com'
       if (await InAppBrowser.isAvailable()) {
         const result = await InAppBrowser.open(url, {
           // iOS Properties
@@ -197,6 +199,8 @@ import { InAppBrowser } from 'react-native-inappbrowser-reborn'
           showTitle: true,
           toolbarColor: '#6200EE',
           secondaryToolbarColor: 'black',
+          navigationBarColor: 'black',
+          navigationBarDividerColor: 'white',
           enableUrlBarHiding: true,
           enableDefaultShare: true,
           forceCloseOnRedirection: false,

android/build.gradle

@@ -12,7 +12,7 @@ buildscript {
         }
 
         dependencies {
-            classpath 'com.android.tools.build:gradle:3.5.1'
+            classpath 'com.android.tools.build:gradle:3.5.4'
         }
     }
 }

android/src/main/AndroidManifest.xml

@@ -3,11 +3,17 @@
           package="com.proyecto26.inappbrowser">
 
     <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.QUERY_ALL_PACKAGES" />
 
     <application>
         <activity
         android:name=".ChromeTabsManagerActivity">
         </activity>
     </application>
+    <queries>
+        <intent>
+            <action android:name="android.support.customtabs.action.CustomTabsService" />
+        </intent>
+    </queries>
 </manifest>
 

android/src/main/java/com/proyecto26/inappbrowser/RNInAppBrowser.java

@@ -35,6 +35,8 @@ public class RNInAppBrowser {
   private final static String ERROR_CODE = "InAppBrowser";
   private static final String KEY_TOOLBAR_COLOR = "toolbarColor";
   private static final String KEY_SECONDARY_TOOLBAR_COLOR = "secondaryToolbarColor";
+  private static final String KEY_NAVIGATION_BAR_COLOR = "navigationBarColor";
+  private static final String KEY_NAVIGATION_BAR_DIVIDER_COLOR = "navigationBarDividerColor";
   private static final String KEY_ENABLE_URL_BAR_HIDING = "enableUrlBarHiding";
   private static final String KEY_SHOW_PAGE_TITLE = "showTitle";
   private static final String KEY_DEFAULT_SHARE_MENU_ITEM = "enableDefaultShare";
@@ -79,6 +81,7 @@ public void open(Context context, final ReadableMap options, final Promise promi
     }
 
     CustomTabsIntent.Builder builder = new CustomTabsIntent.Builder();
+    isLightTheme = false;
     if (options.hasKey(KEY_TOOLBAR_COLOR)) {
       final String colorString = options.getString(KEY_TOOLBAR_COLOR);
       try {
@@ -98,6 +101,24 @@ public void open(Context context, final ReadableMap options, final Promise promi
                 "Invalid secondary toolbar color '" + colorString + "': " + e.getMessage());
       }
     }
+    if (options.hasKey(KEY_NAVIGATION_BAR_COLOR)) {
+      final String colorString = options.getString(KEY_NAVIGATION_BAR_COLOR);
+      try {
+        builder.setNavigationBarColor(Color.parseColor(colorString));
+      } catch (IllegalArgumentException e) {
+        throw new JSApplicationIllegalArgumentException(
+                "Invalid navigation bar color '" + colorString + "': " + e.getMessage());
+      }
+    }
+    if (options.hasKey(KEY_NAVIGATION_BAR_DIVIDER_COLOR)) {
+      final String colorString = options.getString(KEY_NAVIGATION_BAR_DIVIDER_COLOR);
+      try {
+        builder.setNavigationBarDividerColor(Color.parseColor(colorString));
+      } catch (IllegalArgumentException e) {
+        throw new JSApplicationIllegalArgumentException(
+                "Invalid navigation bar divider color '" + colorString + "': " + e.getMessage());
+      }
+    }
     if (options.hasKey(KEY_DEFAULT_SHARE_MENU_ITEM) && 
         options.getBoolean(KEY_DEFAULT_SHARE_MENU_ITEM)) {
       builder.addDefaultShareMenuItem();

example/.npmrc

@@ -0,0 +1 @@
+package-lock=false

example/App.js

@@ -37,7 +37,7 @@ export default class App extends Component<ComponentState> {
     super(props);
 
     this.state = {
-      url: 'https://www.google.com',
+      url: 'https://www.proyecto26.com',
       statusBarStyle: 'dark-content',
     };
   }
@@ -69,6 +69,8 @@ export default class App extends Component<ComponentState> {
           showTitle: true,
           toolbarColor: '#6200EE',
           secondaryToolbarColor: 'black',
+          navigationBarColor: 'black',
+          navigationBarDividerColor: 'white',
           enableUrlBarHiding: true,
           enableDefaultShare: true,
           forceCloseOnRedirection: false,

example/android/build.gradle

@@ -12,7 +12,7 @@ buildscript {
         jcenter()
     }
     dependencies {
-        classpath("com.android.tools.build:gradle:3.5.3")
+        classpath("com.android.tools.build:gradle:3.5.4")
 
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files