From dc2276ad9fb064d1733654609de5e4b37d34ca47 Mon Sep 17 00:00:00 2001
From: Brent Vatne <brentvatne@gmail.com>
Date: Sat, 27 Jan 2018 13:53:44 -0800
Subject: [PATCH] Add headerBackImage, closes #1999

---
 .../NavigationPlayground/js/SimpleStack.js    |  19 ++++++++++++++----
 .../js/assets/dog-back.png                    | Bin 0 -> 7689 bytes
 .../react-navigation/src/TypeDefinition.js    |   3 ++-
 .../src/views/Header/Header.js                |   1 +
 .../src/views/Header/HeaderBackButton.js      |   8 ++++----
 5 files changed, 22 insertions(+), 9 deletions(-)
 create mode 100644 packages/react-navigation/examples/NavigationPlayground/js/assets/dog-back.png

diff --git a/packages/react-navigation/examples/NavigationPlayground/js/SimpleStack.js b/packages/react-navigation/examples/NavigationPlayground/js/SimpleStack.js
index 96d54c99..574e57cc 100644
--- a/packages/react-navigation/examples/NavigationPlayground/js/SimpleStack.js
+++ b/packages/react-navigation/examples/NavigationPlayground/js/SimpleStack.js
@@ -28,6 +28,15 @@ class MyNavScreen extends React.Component<MyNavScreenProps> {
           onPress={() => navigation.navigate('Photos', { name: 'Jane' })}
           title="Go to a photos screen"
         />
+        <Button
+          onPress={() =>
+            navigation.navigate('Profile', {
+              name: 'Dog',
+              headerBackImage: require('./assets/dog-back.png'),
+            })
+          }
+          title="Custom back button"
+        />
         <Button onPress={() => navigation.goBack(null)} title="Go back" />
         <StatusBar barStyle="default" />
       </SafeAreaView>
@@ -129,9 +138,9 @@ class MyPhotosScreen extends React.Component<MyPhotosScreenProps> {
 
 const MyProfileScreen = ({ navigation }) => (
   <MyNavScreen
-    banner={`${navigation.state.params.mode === 'edit'
-      ? 'Now Editing '
-      : ''}${navigation.state.params.name}'s Profile`}
+    banner={`${navigation.state.params.mode === 'edit' ? 'Now Editing ' : ''}${
+      navigation.state.params.name
+    }'s Profile`}
     navigation={navigation}
   />
 );
@@ -141,6 +150,7 @@ MyProfileScreen.navigationOptions = props => {
   const { state, setParams } = navigation;
   const { params } = state;
   return {
+    headerBackImage: params.headerBackImage,
     headerTitle: `${params.name}'s Profile!`,
     // Render a button on the right side of the header.
     // When pressed switches the screen to edit mode.
@@ -148,7 +158,8 @@ MyProfileScreen.navigationOptions = props => {
       <Button
         title={params.mode === 'edit' ? 'Done' : 'Edit'}
         onPress={() =>
-          setParams({ mode: params.mode === 'edit' ? '' : 'edit' })}
+          setParams({ mode: params.mode === 'edit' ? '' : 'edit' })
+        }
       />
     ),
   };
diff --git a/packages/react-navigation/examples/NavigationPlayground/js/assets/dog-back.png b/packages/react-navigation/examples/NavigationPlayground/js/assets/dog-back.png
new file mode 100644
index 0000000000000000000000000000000000000000..f6b2b62d4c7a2b818c052484ab5f68484d544f7b
GIT binary patch
literal 7689
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

literal 0
HcmV?d00001

diff --git a/packages/react-navigation/src/TypeDefinition.js b/packages/react-navigation/src/TypeDefinition.js
index 1d6e7c32..4c584493 100644
--- a/packages/react-navigation/src/TypeDefinition.js
+++ b/packages/react-navigation/src/TypeDefinition.js
@@ -4,7 +4,7 @@ import * as React from 'react';
 
 import type { StyleObj } from 'react-native/Libraries/StyleSheet/StyleSheetTypes';
 
-import { Animated } from 'react-native';
+import { Animated, Image } from 'react-native';
 
 export type ViewStyleProp = StyleObj;
 export type TextStyleProp = StyleObj;
@@ -315,6 +315,7 @@ export type NavigationStackScreenOptions = NavigationScreenOptions & {
   headerTintColor?: string,
   headerLeft?: React.Node | React.ComponentType<any>,
   headerBackTitle?: string,
+  headerBackImage?: Image.propTypes.source,
   headerTruncatedBackTitle?: string,
   headerBackTitleStyle?: TextStyleProp,
   headerPressColorAndroid?: string,
diff --git a/packages/react-navigation/src/views/Header/Header.js b/packages/react-navigation/src/views/Header/Header.js
index b5d377f8..e6ad31e5 100644
--- a/packages/react-navigation/src/views/Header/Header.js
+++ b/packages/react-navigation/src/views/Header/Header.js
@@ -141,6 +141,7 @@ class Header extends React.PureComponent {
         onPress={this._navigateBack}
         pressColorAndroid={options.headerPressColorAndroid}
         tintColor={options.headerTintColor}
+        buttonImage={options.headerBackImage}
         title={backButtonTitle}
         truncatedTitle={truncatedBackButtonTitle}
         titleStyle={options.headerBackTitleStyle}
diff --git a/packages/react-navigation/src/views/Header/HeaderBackButton.js b/packages/react-navigation/src/views/Header/HeaderBackButton.js
index 9d748ecc..4c8ff0d0 100644
--- a/packages/react-navigation/src/views/Header/HeaderBackButton.js
+++ b/packages/react-navigation/src/views/Header/HeaderBackButton.js
@@ -17,6 +17,8 @@ class HeaderBackButton extends React.PureComponent {
       ios: '#037aff',
     }),
     truncatedTitle: 'Back',
+    // eslint-disable-next-line global-require
+    buttonImage: require('../assets/back-icon.png'),
   };
 
   state = {};
@@ -32,6 +34,7 @@ class HeaderBackButton extends React.PureComponent {
 
   render() {
     const {
+      buttonImage,
       onPress,
       pressColorAndroid,
       width,
@@ -48,9 +51,6 @@ class HeaderBackButton extends React.PureComponent {
 
     const backButtonTitle = renderTruncated ? truncatedTitle : title;
 
-    // eslint-disable-next-line global-require
-    const asset = require('../assets/back-icon.png');
-
     return (
       <TouchableItem
         accessibilityComponentType="button"
@@ -70,7 +70,7 @@ class HeaderBackButton extends React.PureComponent {
               !!title && styles.iconWithTitle,
               !!tintColor && { tintColor },
             ]}
-            source={asset}
+            source={buttonImage}
           />
           {Platform.OS === 'ios' &&
             typeof backButtonTitle === 'string' && (