From bed05879e4865da379e185cc1b0f1b3db0df14e0 Mon Sep 17 00:00:00 2001
From: Brent Vatne <brentvatne@gmail.com>
Date: Sat, 3 Nov 2018 14:13:32 -0700
Subject: [PATCH] Don't fade the back image on Android, use transparent
 background color

---
 example/src/HeaderBackgrounds.js     | 2 +-
 src/views/Header/HeaderBackButton.js | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/example/src/HeaderBackgrounds.js b/example/src/HeaderBackgrounds.js
index 3155208..0628f50 100644
--- a/example/src/HeaderBackgrounds.js
+++ b/example/src/HeaderBackgrounds.js
@@ -1,4 +1,4 @@
-import React } from 'react';
+import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
 import { createStackNavigator } from 'react-navigation-stack';
 
diff --git a/src/views/Header/HeaderBackButton.js b/src/views/Header/HeaderBackButton.js
index e3e675e..63e1060 100644
--- a/src/views/Header/HeaderBackButton.js
+++ b/src/views/Header/HeaderBackButton.js
@@ -59,7 +59,7 @@ class HeaderBackButton extends React.PureComponent {
       };
     }
 
-    return <BackImage {...props} />;
+    return <BackImage {...props} fadeDuration={0} />;
   }
 
   _getTitleText = () => {
@@ -146,6 +146,7 @@ const styles = StyleSheet.create({
   icon:
     Platform.OS === 'ios'
       ? {
+          backgroundColor: 'transparent',
           height: 21,
           width: 13,
           marginLeft: 9,
@@ -159,6 +160,7 @@ const styles = StyleSheet.create({
           width: 24,
           margin: 3,
           resizeMode: 'contain',
+          backgroundColor: 'transparent',
           transform: [{ scaleX: I18nManager.isRTL ? -1 : 1 }],
         },
   iconWithTitle: