Fix bottom padding on button with dropdown menu for andorid with button nav

Author: jmusial

src/components/ButtonWithDropdownMenu/index.tsx

@@ -15,6 +15,7 @@ import useWindowDimensions from '@hooks/useWindowDimensions';
 import mergeRefs from '@libs/mergeRefs';
 import CONST from '@src/CONST';
 import type {AnchorPosition} from '@src/styles';
+import useSafeAreaPaddings from '@hooks/useSafeAreaPaddings';
 import type {ButtonWithDropdownMenuProps} from './types';
 
 type ButtonWithDropdownMenuRef = {
@@ -81,6 +82,8 @@ function ButtonWithDropdownMenuInner<IValueType>(props: ButtonWithDropdownMenuPr
     const nullCheckRef = (refParam: RefObject<View | null>) => refParam ?? null;
     const shouldShowButtonRightIcon = !!options.at(0)?.shouldShowButtonRightIcon;
 
+    const {paddingBottom} = useSafeAreaPaddings(true)
+
     useEffect(() => {
         if (!dropdownAnchor.current) {
             return;
@@ -265,7 +268,7 @@ function ButtonWithDropdownMenuInner<IValueType>(props: ButtonWithDropdownMenuPr
                     anchorRef={nullCheckRef(dropdownAnchor)}
                     withoutOverlay
                     shouldUseScrollView
-                    scrollContainerStyle={!shouldUseModalPaddingStyle && isSmallScreenWidth && styles.pv4}
+                    scrollContainerStyle={!shouldUseModalPaddingStyle && isSmallScreenWidth && {...styles.pt4, paddingBottom}}
                     shouldUseModalPaddingStyle={shouldUseModalPaddingStyle}
                     anchorAlignment={anchorAlignment}
                     headerText={menuHeaderText}