react-navigation / web

Tools for react-navigation on web browsers and servers
https://reactnavigation.org
MIT License
94 stars 28 forks source link

pass function into Header or Custom Navigators in react native web? #48

Open blinky9 opened 4 years ago

blinky9 commented 4 years ago

Hi, In native react navigation, we can use navigation.setParams to pass our functions into Header (by using navigationOptions and navigation.getParam as described in this)

But on the web, setParams does not work properly and serialize function into query-strings and urls get very messy.

Is there any better way to pass function into Header or Custom Navigators in react native web?

509dave16 commented 4 years ago

@blinky9 A better way to handle this is to have the constructor or componentDidMount assign the function to a file level scoped variable that then would get used in your navigationOptions callback. Would have to have a dummy function assigned or check for undefined/null in case navigationOptions gets called before componentDidMount/constructor.