React-native-paper: Bottom sheets

[ahmedlhanafy]

Material Design Docs Link

[satya164]

We can implement a simple bottom sheet without the scrolling behavior for initial implementation.

[osdnk]

I would be grateful if you could do it. Frankly speaking I'm extremely curious how to do it smoothly without native modules

[gawrysiak]

I'm just trying to find a quick replacement. Ended up using react-native-modalbox. Looking forward for a paper solution though :+1:

[satya164]

We'd probably use react-native-gesture-handler and react-native-reanimated to build it when we finally get to it. It's a tricky component.

[ferrannp]

Our recommendation https://github.com/osdnk/react-native-reanimated-bottom-sheet.

[gawrysiak]

I've been trying the reanimated-bottom-sheet but then ended up with https://github.com/osdnk/react-native-reanimated-bottom-sheet/issues/16 (can't press elements inside the bottom sheet on android). For now I'm using https://github.com/root-two/react-native-drawer and waiting for a better solution

[kodayashi]

@satya164, @ferrannp - Is this closed b/c it won't be implemented? Would be nice to keep on the backlog at least since it's part of the material design spec.

[Trancever]

@kodayashi Yes, it won't be implemented. There is react-native-reanimated-bottom-sheet that we suggest to use instead.

[react-ram]

@Trancever may i know the reason why it won't be implemented?

[Trancever]

@react-ram It's impossible to implement it properly without using gesture-handler, reanimated and we don't want to include these two libs into Paper.