From c384e3371cde074663f3cd3d2cec7adecc8ae05e Mon Sep 17 00:00:00 2001
From: Ville Immonen <ville.immonen@iki.fi>
Date: Sat, 22 Apr 2017 09:26:31 +0300
Subject: [PATCH] Add a config to override the truncated back title (#1137)

Fixes #1136.
---
 docs/api/navigators/StackNavigator.md | 4 ++++
 src/TypeDefinition.js                 | 1 +
 src/views/Header.js                   | 1 +
 3 files changed, 6 insertions(+)

diff --git a/docs/api/navigators/StackNavigator.md b/docs/api/navigators/StackNavigator.md
index 6adb670d..56fcdcb9 100644
--- a/docs/api/navigators/StackNavigator.md
+++ b/docs/api/navigators/StackNavigator.md
@@ -107,6 +107,10 @@ String or React Element used by the header. Defaults to scene `title`
 
 Title string used by the back button on iOS or `null` to disable label. Defaults to scene `title`
 
+#### `headerTruncatedBackTitle`
+
+Title string used by the back button when `headerBackTitle` doesn't fit on the screen. `"Back"` by default.
+
 #### `headerRight`
 
 String or React Element to display on the right side of the header
diff --git a/src/TypeDefinition.js b/src/TypeDefinition.js
index 6c29d840..f9dcadf7 100644
--- a/src/TypeDefinition.js
+++ b/src/TypeDefinition.js
@@ -201,6 +201,7 @@ export type NavigationStackScreenOptions = NavigationScreenOptions & {
   headerTintColor?: string,
   headerLeft?: React.Element<*>,
   headerBackTitle?: string,
+  headerTruncatedBackTitle?: string,
   headerPressColorAndroid?: string,
   headerRight?: React.Element<*>,
   headerStyle?: Style,
diff --git a/src/views/Header.js b/src/views/Header.js
index 1cf9e133..0e55196a 100644
--- a/src/views/Header.js
+++ b/src/views/Header.js
@@ -123,6 +123,7 @@ class Header extends React.PureComponent<void, HeaderProps, HeaderState> {
         pressColorAndroid={options.headerPressColorAndroid}
         tintColor={options.headerTintColor}
         title={backButtonTitle}
+        truncatedTitle={options.headerTruncatedBackTitle}
         width={width}
       />
     );