bottom-sheet with snapPoints values greater than 97% does not open

[Angelk90]

Bug

Hi @gorhom :
If I put only one snapPoints with values higher than "97%", does not open (98%, 99%, 100%).
See the code to understand better.

Environment info

Library	Version
@gorhom/bottom-sheet	2.0.0-alpha.4
react-native	0.63.3
react-native-reanimated	1.13.2
react-native-gesture-handler	1.9.0

Reproducible sample code

const bottomSheetTheme = useCallback(
      (newValue, id) => {
        present(<ThemeModal darkMode={darkMode} onChange={handleThemeChange} />, {
          snapPoints: ['98%'], //<-99%, 100%
          animationDuration: 800,
          overlayComponent: BottomSheetOverlay,
          overlayOpacity: 0.5,
          dismissOnOverlayPress: true,
          animationEasing: Easing.out(Easing.exp),
          handleComponent: handleModal,
        });
      },
      [settings],
  );

[gorhom]

hi @Angelk90 , could you please try again with alpha 5 :) thanks

[Angelk90]

@gorhom , I have installed the version you say, when I try to open it gives me the following error.

[gorhom]

Hi @Angelk90 , with alpha 5 the bottom sheet modal became a declarative component, look at the usage example:

https://gorhom.github.io/react-native-bottom-sheet/modal/usage

[Angelk90]

@gorhom : ok, this problem still persists even with this version.

[gorhom]

@Angelk90 , looking at it now

[Angelk90]

@gorhom : I looked, with values above such as "98%", "99%" and "100%" it does not open.

[Angelk90]

@gorhom : snapPoints={["98%"]} does not work.

[gorhom]

@Angelk90 found the bug 👍

[gorhom]

@Angelk90 thanks for reporting this bug ! now this is been fixed with Alpha 6

yarn add @gorhom/bottom-sheet@2.0.0-alpha.6

[Angelk90]

@gordon: Ok, it seems solved but the transparent background of dark color that was seen below it that if you clicked them it closed the modal is gone?