React Navigation Examples

%3CLINGO-SUB%20id%3D%22lingo-sub-2240130%22%20slang%3D%22en-US%22%3EReact%20Navigation%20Examples%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2240130%22%20slang%3D%22en-US%22%3E%3CP%3EI%20love%20the%20work%20being%20put%20into%20dual%20screen%20devices.%20I'm%20trying%20to%20build%20a%20dual%20screen%20app%20but%20having%20issues%20with%20getting%26nbsp%3B%3CSTRONG%3ETwoPane-Navigation%20%3C%2FSTRONG%3Eto%20work%20with%3CSTRONG%3E%20React%20Navigation.%26nbsp%3B%3C%2FSTRONG%3EI%20followed%20the%20documentation%20but%20when%20i%20try%20to%20span%20across%20both%20screens%20my%20details%20view%20doesn't%20span%20on%20the%20second%20page.%26nbsp%3B%20The%20apps%201st%20screen%20just%20spans%20across%20both%20pages.%20Is%20there%20an%20example%20with%20react%20native%20i%20can%20follow%20for%20clarity%3F%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2240357%22%20slang%3D%22en-US%22%3ERe%3A%20React%20Navigation%20Examples%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2240357%22%20slang%3D%22en-US%22%3EHi%20Mike%2C%3CBR%20%2F%3Ewhat%20example%20did%20you%20try%20already%20to%20prevent%20some%20duplicated%20informations.%20%3A)%3C%2Fimg%3E%3C%2FLINGO-BODY%3E
New Contributor

I love the work being put into dual screen devices. I'm trying to build a dual screen app but having issues with getting TwoPane-Navigation to work with React Navigation. I followed the documentation but when i try to span across both screens my details view doesn't span on the second page.  The apps 1st screen just spans across both pages. Is there an example with react native i can follow for clarity? 

7 Replies
Hi Mike,
what example did you try already to prevent some duplicated informations. :)
I'm sure you're already looking at this, but for reference there is a dual-screen React Native SDK available on GitHub:
https://github.com/microsoft/react-native-dualscreen/

I'll follow up internally to make sure this sample is working as expected.
Hey Mike, can you try updating the the package references for twopane-navigation and dualscreen-info to latest and see if that helps? I'm pushing an update for the examples now as well.

Thanks so much for the help everyone. Finally got the app to run. When it comes to navigation how can i get two-pane nav to work alongside react-navigation? When i pass AppContainer to the navigation container; its over written by react-navigation. I'm no longer able to use the methods available for my onPress (ie: (ONE)Pane.AddExtended etc.).

     

@adavida 

@mikevocalz Can you share some code?