fix: extra padding for addons scrollview

storybookjs · Jan 21, 2025 · f8e4ecf · f8e4ecf
1 parent 398bc81
commit f8e4ecf
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/react-native-ui/src/MobileAddonsPanel.tsx b/packages/react-native-ui/src/MobileAddonsPanel.tsx
@@ -3,7 +3,7 @@ import { addons } from '@storybook/core/manager-api';
 import { styled } from '@storybook/react-native-theming';
 import { Addon_TypesEnum } from '@storybook/core/types';
 import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
-import { Text, View, useWindowDimensions } from 'react-native';
+import { Platform, Text, View, useWindowDimensions } from 'react-native';
 import { ScrollView } from 'react-native-gesture-handler';
 import Animated, {
   useAnimatedKeyboard,
@@ -47,8 +47,9 @@ export const MobileAddonsPanel = forwardRef<MobileAddonsPanelRef, { storyId?: st
     const { height } = useWindowDimensions();
 
     const adjustedBottomSheetSize = useAnimatedStyle(() => {
+      const extraPadding = Platform.OS === 'android' ? 32 : 16;
       return {
-        maxHeight: height - animatedPosition.value - insets.bottom,
+        maxHeight: height - animatedPosition.value - insets.bottom - extraPadding,
       };
     }, [animatedPosition, height, insets.bottom]);