enhanced-rn-bottom-drawer
TypeScript icon, indicating that this package has built-in type declarations

1.0.6 • Public • Published

enhanced-rn-bottom-drawer

A react-native bottom drawer component

"To all the people who sucks in front-end" cit.

Installation

npm install enhanced-rn-bottom-drawer

or install with yarn

yarn add enhanced-rn-bottom-drawer

Usage

import { BottomDrawer } from "enhanced-rn-bottom-drawer";

type Props extends ViewProps;

export const DrawerContainer: React.FC<Props> = ({children})=> {
  return (
    <BottomDrawer
      isVisible={/* visibleProp from redux for example */}
      closeAction={()=> {/* close action from redux for example */}}
    >
      {children}
      {children}
      {children}
    </BottomDrawer>
  )
}

Import

import { BottomDrawer } from "enhanced-rn-bottom-drawer";

type Props extends ViewProps;

export const App = ()=> {
return (
    <SafeAreaView style={styles.safeAreaStyle}>
      <NavigationContainer theme={containerTheme}>
        <RootStack />
      </NavigationContainer>
      <DrawerContainer />
    </SafeAreaView>
  );
}

Props

Props Type Default Description
isVisible boolean REQUIRED none
closeAction void REQUIRED none
openDuration number 500 time of the animation to open drawer
closeDuration number 500 time of the animation to close drawer
minHeight number 300 minimum height of the drawer
maxHeight number ScreenHeight - 75 maximum height of the drawer
notchBar boolean true notch-bar on the header of the drawer
notchColor ColorValue #0000 color of the notch bar
backGroundColor ColorValue #0000 background color of the drawer

License

MIT


Package Sidebar

Install

npm i enhanced-rn-bottom-drawer

Weekly Downloads

4

Version

1.0.6

License

MIT

Unpacked Size

6.69 kB

Total Files

7

Last publish

Collaborators

  • federico.farchione