1.0.0 • Published 1 year ago
@snskar125/rn-bottomsheet v1.0.0
@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()
1.0.0
1 year ago