React-router: React Native from Navigator to React Router docs/example request

[MarkMurphy]

After reading through the docs for native I'm still left with a couple of questions that I'd like to see addressed somewhere because I'm sure other people are thinking the same thing.

What steps would we need to take to migrate from using the React Native Navigator component to using react router. Specifically:

1. Navigator comes with a NavigationBar where we can define a title and a left and/or right button.
2. Navigator allows each route to specify how it's transitioned in eg. Navigator.SceneConfigs.FloatFromLeft or Navigator.SceneConfigs.FloatFromBottom, etc. docs here. Yes, I've read the animations section in the docs for v4.

I'm assuming we'd have to take care of both of these from scratch ourselves. Same goes for screen/scene gestures as well.

[ryanflorence]

Yes that's right. Whether we create a "react-router-navigators" package that builds animated transitions on top of router or somebody else does, we're not sure. Had some conversations with native-navigation and react-navigation folks at ReactConf where there might be some collaboration but right now that is left up to user-land.

[MarkMurphy]

Gotcha, and thanks! I think that's worth adding as a note somewhere in the new react router docs. Maybe as a new section under Guides? or maybe as some additional preamble in the Quick Start or something.

[timdorr]

If you want to whip up a PR with some docs additions, that would be great!

[LeoLeBras]

@ryanflorence @satya164 @MarkMurphy @ericvicenti

Hi guys!

I'm currently working on an “add-on" to react-router named react-router-navigation. The aim of this project is to provide tools to navigate between screens with react-navigation and react-native-tab-view inside react-router's context.

Note that the project is still at a very young stage and the API isn't finished yet. Even if a few things might change in the future, it’s pretty stable now!
Feel free to open an issue on the repo if you face a bug or have any question! 🚀

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.