navigatable.js

export const navigationOptions = (defaults = {}) => Component => class extends React.Component {
  static navigationOptions = ({ state }) => ({
    ...defaults,
    ...(state.params.navigationOptions || {}),
  })

  render() {
    return (
      <Component
        NavigationOptions={NavigationOptions(this.props.navigation)}
        {...this.props}
      />
    )
  }
}
                                            
export default navigationOptions

NavigationOptions.js

exports default navigation => class NavigationOptions extends Component {
  componentDidMount() {
    this.setParams(this.props)
  }

  componentWillReceiveProps(nextProps) {
    this.setParams(nextProps)
  }

  setParams = (navigationOptions) => {
    navigation.setParams({ navigationOptions })
  }

  render() {
    return children || null
  }
}

screen.js

/// USAGE

@navigationOptions({
  title: "Default title",
})
class MyScreen extends Component {
  saveFn = () => {}

  render() {
    const { NavigationOptions } = this.props;
    
    <NavigationOptions
      title="Another title"
      headerRight={<Button title="save" onPress={this.saveFn} />}
    >
      <View><Text>My View</Text></View>
    </NavigationOptions>
  }
}