diff --git a/native/tooltip/tooltip-context.react.js b/native/tooltip/tooltip-context.react.js --- a/native/tooltip/tooltip-context.react.js +++ b/native/tooltip/tooltip-context.react.js @@ -4,6 +4,7 @@ import { useNavigation } from '@react-navigation/native'; import * as React from 'react'; import { Platform, StyleSheet } from 'react-native'; +import { useSafeAreaInsets } from 'react-native-safe-area-context'; import type { TooltipItemBaseProps } from './tooltip-item.react.js'; @@ -76,6 +77,7 @@ }, []); const navigation = useNavigation(); + const insets = useSafeAreaInsets(); const { cancel, hideTooltip } = props; const { showActionSheetWithOptions } = useActionSheet(); @@ -128,7 +130,7 @@ }; const containerStyle = { - paddingBottom: 24, + paddingBottom: insets.bottom, }; showActionSheetWithOptions( { @@ -143,6 +145,7 @@ }, [ hideTooltip, maxOptionsToDisplay, + insets.bottom, showActionSheetWithOptions, visibleEntryIDsSet, cancel,