@butternutbox/pawprint-native 0.19.1 → 0.19.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@butternutbox/pawprint-native",
-  "version": "0.19.1",
+  "version": "0.19.2",
   "type": "module",
   "description": "ButternutBox Pawprint Design System - React Native Components",
   "main": "./dist/index.cjs",

package/src/components/molecules/NativeSelectPicker/NativeSelectPicker.tsx

@@ -7,7 +7,8 @@ import {
   FlatList,
   TouchableWithoutFeedback,
   View,
-  ViewProps
+  ViewProps,
+  useWindowDimensions
 } from "react-native"
 import { useSharedValue, useAnimatedStyle } from "react-native-reanimated"
 import { KeyboardArrowDown } from "@butternutbox/pawprint-icons/core"
@@ -96,6 +97,7 @@ const NativeSelectPicker = React.forwardRef<View, NativeSelectPickerProps>(
   ) => {
     const [isOpen, setIsOpen] = useState(false)
     const { iconAnimationStyles } = useIconAnimation()
+    const { height: windowHeight } = useWindowDimensions()
 
     const hasPlaceholder =
       placeholder &&
@@ -231,7 +233,12 @@ const NativeSelectPicker = React.forwardRef<View, NativeSelectPickerProps>(
                         )
                       }}
                       style={{
-                        maxHeight: parseSize(dimensions.spacing["8xl"])
+                        // Fill the bottom-sheet dialog (sized 40-80% of the
+                        // screen) rather than a tiny fixed cap, so all options
+                        // are reachable/scrollable on Android like the iOS
+                        // ActionSheet. Previously capped at spacing["8xl"],
+                        // which showed only ~1 row.
+                        maxHeight: windowHeight * 0.7
                       }}
                     />
                   </S.AndroidDialog>