BottomSheet is now lower

[kickbk]

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]

hi @kickbk , i will investigate it later 👍

[chybisov]

Same for 3.3.1

[gorhom]

@chybisov hmm interesting , so 3.3.0 was working fine ,, right ?

[chybisov]

@chybisov sorry, it started in 3.3.0, I just mention that this is also the case for latest v3.

[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. 😃

[kickbk]

@chybisov thanks, but yeah, I would avoid that.

[gorhom]

i found the issue, working on a fix 🛠

[chybisov]

@gorhom could you please look into these issues #281 #196 #237 in context of this one? It would be really helpful to rollout solution for them as well.

[gorhom]

@kickbk could you please test #296 👍

[kickbk]

Just checked. It changed for sure, but now it's too high ;) Mind you, I haven't tweaked anything since upgrading, so it's not too high because of a workaround I introduced