Skip to content
This repository has been archived by the owner on May 20, 2021. It is now read-only.

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

Open
blinky9 opened this issue Dec 29, 2019 · 1 comment
Open

Comments

@blinky9
Copy link

blinky9 commented Dec 29, 2019

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?

@blinky9 blinky9 changed the title pass function to Header or Custom Navigators into react native web? pass function into Header or Custom Navigators in react native web? Dec 29, 2019
@509dave16
Copy link

509dave16 commented Mar 12, 2020

@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.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants