BottomSheetScrollView cannot scroll when used with Dynamic Snap Point

Bug

It seems BottomSheetScrollView cannot be used with dynamic snap points. it’s necessary in a case where the content of the bottom sheet can be small and can be larger than the bottom sheet’s maximum height.

Environment info

Library	Version
@gorhom/bottom-sheet	v4.0.0-alpha.13
react-native	0.64.1
react-native-reanimated	2.1.0
react-native-gesture-handler	1.10.3

Steps To Reproduce

Use /example/src/screens/modal/DynamicSnapPointExample.tsx

1. Change the code BottomSheetView to BottomSheetScrollView
2. Press Yes button several times.
3. The scroll view cannot scroll.

https://user-images.githubusercontent.com/8144911/122670411-e5111d80-d1fc-11eb-8be6-49c50d95411a.mov

Describe what you expected to happen:

1. The content can be scrolled when the content height is bigger than the bottom-sheet’s rendered area.

Reproducible sample code

The example code is used.

[gorhom]

@tsugitta this is an expected behaviour, the react native scroll view expect a height or flex: 1 to be able to scroll its content. in your case the content size stretched the BottomSheetScrollView height too.

i would advice to give the BottomSheetScrollView the initial measured content height, then let it be fixed, and content can grow and be scrollable 👏

[SMhdAsadi]

Try using maxHeight style on BottomSheetScrollView.

<BottomSheetScrollView
    onLayout={handleContentLayout}
    style={{
        maxHeight: Dimensions.get('window').height,
    }}
>
        ...
</BottomSheetScrollView>