The Sheet component replaces BottomSheet + React Native's Modal. For example,
<Sheet bottom={true} /> // gives a BottomSheet
<Sheet bottom={false} /> // gives a Full-Screen Sheet
The Sheet supports child NavigationStack components. Adding predictive gesture back support on Android was tricky because the gesture back goes to the ComponentDialog instead of the FragmentManager by default. The gesture back closed the dialog instead of going back through the stack. Had to build a custom FragmentHostCallback to hook up the FragmentManager's back stack to the ComponentDialog'sOnBackPressedDispatcher.
The
Sheet
component replacesBottomSheet
+ React Native'sModal
. For example,The
Sheet
supports childNavigationStack
components. Adding predictive gesture back support on Android was tricky because the gesture back goes to the ComponentDialog instead of the FragmentManager by default. The gesture back closed the dialog instead of going back through the stack. Had to build a customFragmentHostCallback
to hook up theFragmentManager's
back stack to theComponentDialog's
OnBackPressedDispatcher
.