Repository files navigation

Deprecated - This repo uses obsolete versions ofreact-native-router-flux andreact-native-drawer. I update the repo for now. But I may not update on someday.
Recommendation - Tryreact-navigation module. It uses purereact-native components as much as possible.

An example forreact-native-drawer andreact-native-router-flux. The example has been developed by using react-native-drawer 1.X and react-native-router-flux 2.X. The new versions of the libraries are not stable yet (2016-04-24). You might try to contribute them! Both of them welcome the new PR.

With this scaffolding you can create side menu (drawer) and navigate between your screens (pages) easily.

For the sake of example the screens below have been created;

• Login
• Register
• Home
• Screen 1
• Screen 2

The scenarios of the example;

• The user opens the app
• The user logins or registers
• The user navigates the screens by using drawer menu
• The user logs out

The example has been shaped like anAndroidapp. Actually, it is ancross-platformapp and you could give shape like anIOSapp.

Because of some breaking changes that've been made in React-Native in the past, somenode_modules files must be changed with their originals.

iOS

1. Run the command ofreact-native init reactNativeRouterFluxSample & cd reactNativeRouterFluxSample
2. Thennpm i --save react-native-drawer@1.16.7 & npm i --save react-native-router-flux@2.2.7 & npm i --save react-native-button@1.4.2
3. Then copysrc folder andindex.ios.js file of rndrawer-implemented-rnrouter into the new initiated project.
4. Finally,official site says that; "Open ios/reactNativeRouterFluxSample.xcodeproj and hit run in Xcode".

Android

1. Run the command ofreact-native init reactNativeRouterFluxSample & cd reactNativeRouterFluxSample
2. Thennpm i --save react-native-drawer@1.16.7 & npm i --save react-native-router-flux@2.2.7 & npm i --save react-native-button@1.4.2
3. Then copysrc folder andindex.android.js file of rndrawer-implemented-rnrouter into the new initiated project.
4. Finally, run the command ofreact-native run-android & react-native start and then click to the Reload button on the red screen.