Skip to content

Instantly share code, notes, and snippets.

@wvteijlingen
Last active July 20, 2019 12:36
Show Gist options
  • Save wvteijlingen/44adc18ff7b070d57edefd7784bb1a10 to your computer and use it in GitHub Desktop.
Save wvteijlingen/44adc18ff7b070d57edefd7784bb1a10 to your computer and use it in GitHub Desktop.
HOC for react-navigation that maps params to props
import paramsToProps from 'paramsToProps.js'
const MainNavigator = StackNavigator({
firstScreen: { screen: paramsToProps(FirstScreenComponent) },
secondScreen: { screen: paramsToProps(SecondScreenComponent) },
});
import React, { Component } from 'react';
export default (OriginalComponent) => {
return class ParamsToPropsWrapper extends Component {
static navigationOptions = OriginalComponent.navigationOptions;
render() {
const params = this.props.navigation.state.params;
return <OriginalComponent {...this.props} {...params} />
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment