rn-swipeable-panel is a swipeable, easy to use bottom panel for your React Native projects. You can extend panel by swiping up, make it small or close by swiping down with pan gestures. Feel free to redesign inside of the panel.

⚙️ Installation

$ yarn add rn-swipeable-panel

🚀 How to use

importReactfrom'react';import{StyleSheet,Text,View}from'react-native';import{SwipeablePanel}from'rn-swipeable-panel';exportdefaultApp=()=>{const[panelProps,setPanelProps]=useState({fullWidth:true,openLarge:true,showCloseButton:true,onClose:()=>closePanel(),onPressCloseButton:()=>closePanel(),// ...or any prop you want});const[isPanelActive,setIsPanelActive]=useState(false);constopenPanel=()=>{setIsPanelActive(true);};constclosePanel=()=>{setIsPanelActive(false);};return(<Viewstyle={styles.container}><Textstyle={styles.welcome}>Welcome to React Native!</Text><Textstyle={styles.instructions}>To get started, edit App.js</Text><SwipeablePanel{...panelProps}isActive={isPanelActive}><PanelContent/>{/* Your Content Here */}</SwipeablePanel></View>);};

☝️ Options

⭐️ Show Your Support

👏 Contributing