how to make a popup screen, that can be slide down to close, and slide up to full screen. And have inner content Scrollable

Issue

Libraries version,

    "react": "18.2.0",
    "react-native": "0.72.4",
    "react-native-gesture-handler": "^2.12.1",
    "react-native-keyboard-aware-scroll-view": "^0.9.5",
    "react-native-reanimated": "^3.5.1",

Now in modern Apps we see a screen that is vertically Swipeable. We can handle swipe up and swipe down, for full screen preview and closing the screen respectively. Important: inner content is also scrollable, user can use Header to swipe up or down.

For example, Filter screen on some search results, Instagram comment screen. Example Instagram example

Solution

This worked for me just fine.

react-native-bottom-sheet - A performant interactive bottom sheet with fully configurable options 🚀

Answered By - talhamaqsood890