@react-native-tools/rn-draggable-bottom-sheet v1.2.2

RN-draggable-bottom-sheet

Draggable bottom sheet for React Native with customizable styles.

INSTALLATION

npm install @react-native-tools/draggable-bottom-sheet

GENERAL USAGE

import BottomSheet from '@react-native-tools/draggable-bottom-sheet' 

<View style={{flex: 1}}>
      <Button title="Show Modal" onPress={() => bottomSheet.current.show()} />
      <BottomSheet
        ref={bottomSheet}
        style={{
         style: style
        }}
      />
</View>

RENDERING CHILDREN

      <BottomSheet
        ref={bottomSheet}
        style={{
          backgroundColor: "red",
          opacity: 0.6,
          zIndex: 2,
        }}
      >

        <ChildrenComponent
        />
        
      </BottomSheet>

CURRENT BUGS TO SOLVE

1. When dragged above the maximum screen space (When bottom sheet is absolutely positioned with bottom: 0 with no components at the bottom), sometimes will go off screen and get stucked.

2. 'style' option doesn't render, but somehow works when testing with App.js. (Probably something related to importing wrong version, even though the version is updated in package.json)