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

Invalid Bottom Margin

Open ice-cap0 opened this issue 1 year ago • 0 comments

on iOS, ActionSheet is detached by default i.e. there is a gap between screen bottom and sheet bottom

is this expected? i don't mind all that much because the fix is easy but just wanted to make sure

current workaround:

const MySheet = (props: ActionSheetProps & { detached?: boolean }) => {
  const safeInsets = useSafeAreaInsets()
  const insets = {
    ...safeInsets,
    bottom: props.detached ? safeInsets.bottom : 0,
  }
  return (
    <ActionSheet
      safeAreaInsets={insets}

ice-cap0 avatar Oct 28 '24 17:10 ice-cap0