BottomSheet is now lower

Ask your Question

@gorhom I just installed 2.2.0 and saw my bottomsheet sank by about 20px. Is that since the new bottomInset option was introduced? I tried adding the option with bottomInset={bottomSafeArea} and updated my function to const { top: topSafeArea, bottom: bottomSafeArea } = useSafeAreaInsets(); but that didn’t fix it. What’s going on? how do I fix this?

[gorhom]

i found the issue, working on a fix 🛠

[chybisov]

@kickbk as a temporary workaround you can add bottomInset to your snapPoints.

const snapPoints = useMemo(() => [280 + bottomInset], [bottomInset]);

If you use @react-navigation/bottom-tabs you need also provide tabbar height (for me it’s 48):

const snapPoints = useMemo(() => [280 + 48 + bottomInset], [bottomInset]);

Hope this will be fixed soon, as I don’t like put snapPoints inside component logic, much better to keep these as constant array outside of component. 😃