Skip to content
This repository was archived by the owner on May 20, 2021. It is now read-only.
This repository was 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

Description

@blinky9

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?

Activity

  1. 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?[/+] on Dec 29, 2019
  2. 509dave16 commented on Mar 12, 2020

    @509dave16

    @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 join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions