@snskar125/rn-bottomsheet

Bottomsheet Component for React Native

Usage

import Bottomsheet from "@snskar125/rn-bottomsheet";
import { Button } from "react-native";
import { useRef } from "react";
export default function App() {
  const bottomSheet = useRef();
  return (
    <>
      <Button
        onPress={() => {
          bottomSheet.current?.open();
        }}
        title={"Bottomsheet"}
      />
      <Bottomsheet ref={bottomSheet} />
    </>
  );
}

Props

| Prop | Type | | --------------------- | ---------- | | height | Number | | openDuration | Number | | closeDuration | Number | | containerStyle | View Style | | closeOnBackdropPress | Boolean | | closeOnBackPress | Boolean | | showDragIconContainer | Boolean | | iconContainerStyle | View Style | | dragIcon | Element | | closeOnDragDown | Boolean | | backdropOpacity | Number |

Methods

open() close()