kylefang/react-native-bottom-sheet
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native-bottom-sheet.git synced 2026-06-11 08:04:18 +08:00
Code Issues Packages Projects Releases Wiki Activity
Files
dcd12500eafbd267c8a11b474a0b87393e24fad8
react-native-bottom-sheet/docs/react-navigation.md
Mo Gorhom fdef2a92f0 docs: update docs (#3) 
* docs: updated readme file

* docs: updated scrollables docs

* docs: added custom-handle, react-navigation & touchables docs

* chore: remove unused dependencies
2020-08-11 16:05:16 +02:00

932 B
Raw Blame History

React Navigation

One of the main goal of this library, is to allow user to fully integrate a navigator in the bottom sheet. This integration allow lots of opportunities for a native-like experience in your app :)

However, there are some tricks has to be follow to enable both libraries to work together seamlessly.

  • You need to override safeAreaInsets, by default React Navigation add the safe area insets to all its navigators, but since your navigator will properly won't cover full screen, you will need to override it and set it to 0.
  • You need to override headerLeft, due to bottom sheet wrapping the content with TapGestureHandler & PanGestureHandler, you will need to wrap the header left button with TouchableOpacity that this library provide to allow it working.

For more details regarding the implementation, please have a look at the Navigator Example.