React-native-reanimated-bottom-sheet: Modal bug

[songxiaoliang]

When I put the bottomsheet into Modal, iOS can slide normally, Android can't slide。
<Modal> <> <Animated.Code exec={onChange( this.clampedDrawerCallbackNode, block([ cond( greaterOrEq(this.clampedDrawerCallbackNode, 1), call([], () => { console.log([${new Date()}] Drawer closed) }) ), cond( lessOrEq(this.drawerCallbackNode, 0), call([], () => { console.log([${new Date()}] Drawer opened) }) ), ]) )} /> <BottomSheet callbackNode={this.drawerCallbackNode} renderContent={() => <Content />} renderHeader={() => <Header />} snapPoints={[230, 0]} /> </> </Modal>

[songxiaoliang]

When I put the bottomsheet into Modal, iOS can slide normally, Android can't slide。

[dsznajder]

@songxiaoliang Unfortunately it's not related to reanimated-bottom-sheet but directly to react-native-gesture-handler
https://github.com/kmagiera/react-native-gesture-handler/issues/139

[RichardLindhout]

I use the portal from react-native-paper
import { Portal } from 'react-native-paper'
Instead of a modal. The modalhost is in the root of the application so you don't need a modal to show it outside relative components.

[songxiaoliang]

@RichardLindhout Portal Can not achieve the effect of coverscreen，example: TabNar, Header

[RichardLindhout]

@songxiaoliang Can you take a screenshot, I don't understand what you mean.

[hayyaun]

Same problem here... The only solution I found was to add a stack in RootStack above TabNav...
Or toggle TabBarVisbile method of react-navigation

[RichardLindhout]

Check this out: https://github.com/osdnk/react-native-slack-bottom-sheet/

[RichardLindhout]

@hayyaun @songxiaoliang https://github.com/osdnk/react-native-slack-bottom-sheet/