@solendon/react-native-drawer/README.md

react-native-drawer

Install:

```js
npm install @solendon/react-native-drawer
```
## Library only uses pure react native tags without native ios, android dependencies (solution for @react-navigation/drawer installation error)
<img  width="200" height="401" src="https://github.com/solendon/react-native-drawer/blob/master/image.gif">

```ts
import React from 'react'
import { Dimensions, Text, View } from 'react-native'
import DrawerLayout from './index'
import { createStackNavigator } from '@react-navigation/stack'

const { Screen, Navigator } = createStackNavigator()

export function App() {
    return (
        <DrawerLayout
            ref={ref => DrawerLayout._ref(ref)}
            renderDrawerContent={() => (
                <DrawerContent />
            )}
            drawerWidth={Dimensions.get('screen').width * 0.75}>
            <Navigator screenOptions={{ headerShown: false }}>
                <Screen component={BottomHome} name={'BottomHome'} />
                <Screen component={Menu} name={'Menu'} />
            </Navigator>
        </DrawerLayout >
    )
}


export default function DrawerApp() {
    return (
        <Navigator screenOptions={{ headerShown: false }}  >
            <Screen name='App' component={App} />
        </Navigator>
    )
}

function Menu() {
    return (
        <View>
            <Text>Menu</Text>
        </View>
    )
}
function DrawerContent() {
    return (
        <View>
            <Text>DrawerContent</Text>
        </View>
    )
}
function BottomHome() {
    return (
        <View>
            <Text>BottomHome</Text>
        </View>
    )
}

```

### Props:

| Prop                     | Description                                  |
| ------------------------ | -------------------------------------------- |
| children                 | ReactNode                                    |
| drawerBackgroundColor    | string                                       |
| drawerLockMode           | 'unlocked' , 'locked-closed' , 'locked-open' |
| drawerPosition           | 'left' , 'right'                             |
| drawerWidth              | number                                       |
| keyboardDismissMode      | 'none' , 'on-drag'                           |
| onDrawerClose            | Function                                     |
| onDrawerOpen             | Function                                     |
| onDrawerSlide            | Function                                     |
| onDrawerStateChanged     | Function                                     |
| renderDrawerContent      | JSX.Element                                  |
| statusBarBackgroundColor | string                                       |
| useNativeAnimations      | boolean                                      |

### Refs:

| Prop  | Description |
| ----- | ----------- |
| open  | Function    |
| close | Function    |