Last active
July 20, 2019 12:36
-
-
Save wvteijlingen/44adc18ff7b070d57edefd7784bb1a10 to your computer and use it in GitHub Desktop.
HOC for react-navigation that maps params to props
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import paramsToProps from 'paramsToProps.js' | |
const MainNavigator = StackNavigator({ | |
firstScreen: { screen: paramsToProps(FirstScreenComponent) }, | |
secondScreen: { screen: paramsToProps(SecondScreenComponent) }, | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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