{"id":13463147,"url":"https://github.com/efkan/rndrawer-implemented-rnrouter","last_synced_at":"2025-03-25T06:31:35.512Z","repository":{"id":101226427,"uuid":"52387229","full_name":"efkan/rndrawer-implemented-rnrouter","owner":"efkan","description":"A react-native-drawer implemented example and scaffolding for react-native-router-flux.","archived":false,"fork":false,"pushed_at":"2017-05-30T04:25:30.000Z","size":24485,"stargazers_count":50,"open_issues_count":0,"forks_count":12,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-10-29T13:50:29.597Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/efkan.png","metadata":{"files":{"readme":"README.md","changelog":"change_these_folders_with_their_originals.zip","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2016-02-23T19:54:31.000Z","updated_at":"2022-02-14T15:52:15.000Z","dependencies_parsed_at":null,"dependency_job_id":"b1204cb5-392c-433a-836a-70449626286e","html_url":"https://github.com/efkan/rndrawer-implemented-rnrouter","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/efkan%2Frndrawer-implemented-rnrouter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/efkan%2Frndrawer-implemented-rnrouter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/efkan%2Frndrawer-implemented-rnrouter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/efkan%2Frndrawer-implemented-rnrouter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/efkan","download_url":"https://codeload.github.com/efkan/rndrawer-implemented-rnrouter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245413914,"owners_count":20611353,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-31T13:00:46.922Z","updated_at":"2025-03-25T06:31:34.702Z","avatar_url":"https://github.com/efkan.png","language":"JavaScript","funding_links":[],"categories":["Open Source Apps"],"sub_categories":["Other Platforms"],"readme":"**Deprecated** - This repo uses obsolete versions of `react-native-router-flux` and `react-native-drawer`. I update the repo for now. But I may not update on someday.\u003cbr\u003e\n**Recommendation** - Try [react-navigation](https://reactnavigation.org) module. It uses pure `react-native` components as much as possible.\u003cbr\u003e\u003cbr\u003e\n\nrndrawer-implemented-rnrouter\n--\n\nAn example for [react-native-drawer](https://github.com/root-two/react-native-drawer) and [react-native-router-flux](https://github.com/aksonov/react-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.\n\nWith this scaffolding you can create side menu (drawer) and navigate between your screens (pages) easily.\n\nFor the sake of example the screens below have been created;\n* Login\n* Register\n* Home\n* Screen 1\n* Screen 2\n\nThe scenarios of the example;\n* The user opens the app\n* The user logins or registers\n* The user navigates the screens by using drawer menu\n* The user logs out\n\n*The example has been shaped like an* ***Android*** *app. Actually, it is an* ***cross-platform*** *app and you could give shape like an* ***IOS*** *app.*\n\n![launch](https://raw.githubusercontent.com/efkan/rndrawer-implemented-rnrouter/master/presentation.gif)\n\n\nInstallation\n-------------\n\n_Because of some breaking changes that've been made in React-Native in the past, some [node_modules files](https://github.com/efkan/rndrawer-implemented-rnrouter/blob/master/change_these_folders_with_their_originals.zip) must be changed with their originals._\n\n**iOS**\n\n1. Run the command of `react-native init reactNativeRouterFluxSample \u0026 cd reactNativeRouterFluxSample`\n2. Then `npm i --save react-native-drawer@1.16.7 \u0026 npm i --save react-native-router-flux@2.2.7 \u0026 npm i --save react-native-button@1.4.2`\n3. Then copy `src` folder and `index.ios.js` file of rndrawer-implemented-rnrouter into the new initiated project.\n4. Finally, [official site](https://facebook.github.io/react-native/docs/getting-started.html#quick-start) says that; \"Open ios/reactNativeRouterFluxSample.xcodeproj and hit run in Xcode\".\n\n\n**Android**\n\n1. Run the command of `react-native init reactNativeRouterFluxSample \u0026 cd reactNativeRouterFluxSample`\n2. Then `npm i --save react-native-drawer@1.16.7 \u0026 npm i --save react-native-router-flux@2.2.7 \u0026 npm i --save react-native-button@1.4.2`\n3. Then copy `src` folder and `index.android.js` file of rndrawer-implemented-rnrouter into the new initiated project.\n4. Finally, run the command of `react-native run-android \u0026 react-native start` and then click to the Reload button on the red screen.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fefkan%2Frndrawer-implemented-rnrouter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fefkan%2Frndrawer-implemented-rnrouter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fefkan%2Frndrawer-implemented-rnrouter/lists"}