diff --git a/src/views/Header.js b/src/views/Header.js index b915d174..42be92c4 100644 --- a/src/views/Header.js +++ b/src/views/Header.js @@ -119,16 +119,21 @@ class Header extends React.Component { return null; } const tintColor = this._getHeaderTintColor(props.navigation); - const previousNavigation = addNavigationHelpers({ - ...props.navigation, - state: props.scenes[props.scene.index - 1].route, - }); - const backButtonTitle = this._getHeaderTitle(previousNavigation); + // @todo(grabobu): + // We have implemented support for back button label (which works 100% fine), + // but when title is too long, it will overlap the . + // We had to revert the PR implementing that because of Android issues, + // I will land it this week and re-enable that for next release. + // + // const previousNavigation = addNavigationHelpers({ + // ...props.navigation, + // state: props.scenes[props.scene.index - 1].route, + // }); + // const backButtonTitle = this._getHeaderTitle(previousNavigation); return ( ); }; diff --git a/src/views/HeaderBackButton.js b/src/views/HeaderBackButton.js index b7fd1764..0dd94382 100644 --- a/src/views/HeaderBackButton.js +++ b/src/views/HeaderBackButton.js @@ -27,7 +27,11 @@ const HeaderBackButton = ({ onPress, title, tintColor }: Props) => ( > {Platform.OS === 'ios' && title && ( @@ -58,13 +62,16 @@ const styles = StyleSheet.create({ }, title: { fontSize: 17, + paddingRight: 10, }, - button: Platform.OS === 'ios' + icon: Platform.OS === 'ios' ? { - height: 21, - width: 13, - margin: 10, - marginRight: 5, + height: 20, + width: 12, + marginLeft: 10, + marginRight: 22, + marginVertical: 12, + resizeMode: 'contain', transform: [{ scaleX: I18nManager.isRTL ? -1 : 1 }], } : { @@ -74,6 +81,11 @@ const styles = StyleSheet.create({ resizeMode: 'contain', transform: [{ scaleX: I18nManager.isRTL ? -1 : 1 }], }, + iconWithTitle: Platform.OS === 'ios' + ? { + marginRight: 5, + } + : {}, }); export default HeaderBackButton;