withLocalize breaks navigationOptions for react-navigation

Bug

When I use withLocalize on a screen component together with react-navigation, static navigationOptions is no longer called.

This works and the title is shown

class HomeScreen extends React.Component {
  static navigationOptions = {
    title: 'Home',
  };

  render() {
    return (
      <ScrollView>         
         <Button 
             onPress={() => null}
             title={this.props.translate('home.login')}
             <!-- Of course this only works when withLocalize is used -->
      </ScrollView>
    );
  }
}
export default HomeScreen;

but when I use export default withLocalize(HomeScreen); navigationOptions is not called and the title is not displayed. Everything else works well and the translations are shown.

I have my own project but have also tried with a default expo tab template project and experience the same problem.

Maybe it’s not that much help but you can see the app here. The Links screen is with withLocalize and the Settings screen without.

"dependencies": {
    "@expo/samples": "2.1.1",
    "expo": "29.0.0",
    "react": "16.3.1",
    "react-localize-redux": "^3.3.2",
    "react-native": "https://github.com/expo/react-native/archive/sdk-29.0.0.tar.gz",
    "react-navigation": "^2.9.3",
    "redux": "^4.0.0"
},

[andyhbg]

Proposed solution seems to solve the problem. It works at least in my projects and hopefully for others as well.

[ryandrewjohnson]

Fixed in #130 and published in v3.5.0.