/scu-react-navigation-stack

Avoiding re-rendering of hidden screen in react-navigation

Primary LanguageJavaScript

Avoiding re-rendering of hidden screen in react-navigation

In this repository you'll find 2 examples of how to avoid re-rendering a hidden screen while using react-navigation;

  • I'm using react-navigation@^2.0.0-rc.1, but they also works in ^1.5.11

They are:

  • 1-PerScreen - Kind of subscription-ish, where each screen have their own "instance"/state of the publisher
  • 2-ScreenProps - Where your main stack is the subscriber and propagate updates to all screens via screenProps

You can check the Twitter thread where it all started.