react-native-bottom-sheet icon indicating copy to clipboard operation
react-native-bottom-sheet copied to clipboard

Drag handler causes content to be pushed down

Open CarterSnich opened this issue 1 year ago • 6 comments

Drag handler enabled: (see the red border) image

Drag handler hidden: (see the red border) image

CarterSnich avatar Dec 16 '24 16:12 CarterSnich

Hi @CarterSnich, yes, that seems like a good approach to me. What exact behaviour do you want to achieve, see if I can help you with that

stanleyugwu avatar Dec 16 '24 17:12 stanleyugwu

As you can see, some part of the View is not visible if the drag handle is enabled. I want to keep the drag handle and the all parts of the View visible.

CarterSnich avatar Dec 17 '24 03:12 CarterSnich

Well the drag handle takes its own space, unless you want the drag handle overlayed on the content?

stanleyugwu avatar Dec 18 '24 05:12 stanleyugwu

Try setting the View height to 90%

stanleyugwu avatar Dec 18 '24 05:12 stanleyugwu

Adding flex: 1 fixed it: (inside node_modules: bottom-sheet/src/components/bottomSheet/index.tsx)

style={[sepStyles?.paddingStyles, {
  borderWidth: 1,
  borderColor : "red",
  flex: 1
}]}

image

CarterSnich avatar Dec 22 '24 01:12 CarterSnich

Why it wasn't designed like that? Would it cause some unwanted issues?

CarterSnich avatar Dec 22 '24 02:12 CarterSnich