react-native-reanimated-bottom-sheet icon indicating copy to clipboard operation
react-native-reanimated-bottom-sheet copied to clipboard

Slide sheet in from top

Open lgraubner opened this issue 4 years ago • 7 comments

Is it possible to make the sheet sliding in from the top instead of bottom? May be quite unusual, but I need that behavior. 😄

lgraubner avatar Sep 08 '19 13:09 lgraubner

+1

DaniShalash avatar Oct 14 '19 04:10 DaniShalash

+1

nsibibert-dev avatar May 14 '20 16:05 nsibibert-dev

+1

kickbk avatar Aug 23 '20 07:08 kickbk

+1

shariqahmed525 avatar Sep 21 '20 13:09 shariqahmed525

I solved that doing the following:

<View style={{width:"100%",height:"100%",position:"absolute",top:0 , transform: [{ rotate: "180deg" }]}}>
<BottomSheet
            initialSnap={1}
            ref={r => this.sheetRef = r}
            snapPoints={[heightPercentageToDP("100%"), heightPercentageToDP("16")]}
            renderContent={this.renderContent}

          />
</View>

It's not the best solution but it works 😄 (Remember to rotate inner content too).

nilde avatar Oct 19 '20 16:10 nilde

+1

yakubbaev avatar Jan 05 '21 07:01 yakubbaev

+1

ydv0121 avatar Dec 24 '21 04:12 ydv0121