rnc-archive / React Native Drawer Layout
A platform-agnostic drawer layout for react-native
Stars: ✭ 258
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Native Drawer Layout
async generator
Making it easy to write async iterators in Python 3.5
Stars: ✭ 87 (-66.28%)
Mutual labels: polyfill
String.prototype.matchAll
Spec-compliant polyfill for String.prototype.matchAll, in ES2020
Stars: ✭ 14 (-94.57%)
Mutual labels: polyfill
Gapotchenko.FX
.NET polyfill to the future. A versatile RAD framework for .NET platform.
Stars: ✭ 23 (-91.09%)
Mutual labels: polyfill
Array.prototype.at
An ES-spec-compliant (proposed) `Array.prototype.at`shim/polyfill/replacement that works as far down as ES3.
Stars: ✭ 20 (-92.25%)
Mutual labels: polyfill
mini-create-react-context
(A smaller) polyfill for the react context API
Stars: ✭ 34 (-86.82%)
Mutual labels: polyfill
nativescript-vue-multi-drawer
A NativeScript-Vue component for creating multiple side drawers (4 sides supported)
Stars: ✭ 45 (-82.56%)
Mutual labels: drawer
web-streams-polyfill
Web Streams, based on the WHATWG spec reference implementation
Stars: ✭ 198 (-23.26%)
Mutual labels: polyfill
drawer-with-bottom-navigation-architecture
Sample android kotlin project with both drawer and bottom navigation together
Stars: ✭ 42 (-83.72%)
Mutual labels: drawer
Compact-Unity-Events
UnityEvents drawer with collapsing, reordering and compact UX
Stars: ✭ 41 (-84.11%)
Mutual labels: drawer
webvr-polyfill-dpdb
An up-to-date Device Parameter Database for the WebVR Polyfill
Stars: ✭ 29 (-88.76%)
Mutual labels: polyfill
vanilla-js-drawer
A dependency-free Vanilla JS drawer. No dependencies, no automation build tools.
Stars: ✭ 20 (-92.25%)
Mutual labels: drawer
rangefix
Workaround for browser bugs in Range.prototype.getClientRects and Range.prototype.getBoundingClientRect.
Stars: ✭ 35 (-86.43%)
Mutual labels: polyfill
react-native-navigation-drawer-layout
React Native library to generate navigation drawer layout.
Stars: ✭ 26 (-89.92%)
Mutual labels: drawer
core-web
like core-js but for Web APIs (based on polyfill.io)
Stars: ✭ 34 (-86.82%)
Mutual labels: polyfill
react-native-navigation-drawer-extension
Drawer API built on top of wix react-native-navigation for iOS and Android (with TypeScript!)
Stars: ✭ 151 (-41.47%)
Mutual labels: drawer
react-native-drawer-layout 
A platform-agnostic drawer layout. It uses a pure JavaScript implementation on every platform to ensure consistency. We try to keep it up to date with the implementation of DrawerLayoutAndroid and add features we consider necessary as well.
Add it to your project
- Run
npm install react-native-drawer-layout --save - Import the component by using one of these:
var DrawerLayout = require('react-native-drawer-layout').default;import DrawerLayout from 'react-native-drawer-layout';
- Follow the DrawerLayoutAndroid docs -- the API is the same. Everything that differs is explained below
API
This includes the differences between our implementation and the official one DrawerLayoutAndroid. Every breaking change is (hopefully) hidden behind a feature flag, so that this implementation may also be used as polyfill.
Demo
Examples
To run the demo, please run npm install in the DrawerLayoutExample/ directory and start the demo up from there like any other React Native application.
Support
| React Native Version | react-native-drawer-layout Version |
|---|---|
| >= 11 & < 23 | < 1.0 |
| >= 23 | >= 1.0 && < 2.0 |
| >= 35 | >= 2.0 |
If you experience any further restrictions with other versions, please let us know.
Restrictions
- Currently, there is no support for setting the status bar color in iOS. If you know any workaround, we would be glad to see an idea or a PR.
- The overlay to close the drawer has a
zIndexof 1000 so setting a higherzIndexsomewhere else may lead to inconsistencies.
Release Notes
2.0
Breaking changes
- This version may only be used with React Native >= 0.35. For discussion see #44
1.0
Breaking changes:
- This version may only be used with React Native >= 0.25
0.3
Breaking changes:
- The StatusBar is no longer dimmed by sliding the drawer layout automatically. To avoid this change you may use StatusBarIOS.setHidden in the onDrawerSlide callback.
Contribution
Please make sure to run the tests before proposing a PR by running npm test.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].