Merge branch 'patch/v2.0.2'

Author: troberts-28

README.md

@@ -495,6 +495,9 @@ The following custom styles can be supplied to re-style the component in any way
 |   disabledPickerItem    | Style for any numbers outside any set limits |                TextStyle                 |
 | disabledPickerContainer | Style for disabled pickers                   |                ViewStyle                 |
 |  pickerGradientOverlay  | Style for the gradient overlay (fade out)    |                ViewStyle                 |
+|  durationScrollFlatList  | Style for the Flatlist in each picker    |                ViewStyle                 |
+|  durationScrollFlatListContainer  | Style for the View that contains the Flatlist in each picker    |                ViewStyle                 |
+|  durationScrollFlatListContentContainer  | Style for the Flatlist's `contentContainerStyle` prop in each picker    |                ViewStyle                 |
 
 Note the minor limitations to the allowed styles for `pickerContainer` and `pickerItemContainer`. These are made because these styles are used for internal calculations and all possible `backgroundColor`/`height` types are not supported.
 

package.json

@@ -6,7 +6,7 @@
         "url": "https://github.com/troberts-28"
     },
     "license": "MIT",
-    "version": "2.0.1",
+    "version": "2.0.2",
     "main": "dist/commonjs/index.js",
     "module": "dist/module/index.js",
     "types": "dist/typescript/index.d.ts",

src/components/DurationScroll/index.tsx

@@ -499,18 +499,21 @@ const DurationScroll = forwardRef<DurationScrollRef, DurationScrollProps>(
             <View
                 pointerEvents={isDisabled ? "none" : undefined}
                 style={[
+                    styles.durationScrollFlatListContainer,
                     {
                         height:
                             styles.pickerItemContainer.height *
                             numberOfItemsToShow,
-                        overflow: "visible",
                     },
                     isDisabled && styles.disabledPickerContainer,
                 ]}
                 testID={testID}>
                 <FlatList
                     key={flatListRenderKey}
                     ref={flatListRef}
+                    contentContainerStyle={
+                        styles.durationScrollFlatListContentContainer
+                    }
                     data={numbersForFlatList}
                     decelerationRate={0.88}
                     getItemLayout={getItemLayout}
@@ -528,6 +531,7 @@ const DurationScroll = forwardRef<DurationScrollRef, DurationScrollProps>(
                     snapToOffsets={[...Array(numbersForFlatList.length)].map(
                         (_, i) => i * styles.pickerItemContainer.height
                     )}
+                    style={styles.durationScrollFlatList}
                     testID="duration-scroll-flatlist"
                     viewabilityConfigCallbackPairs={
                         viewabilityConfigCallbackPairs

src/components/TimerPicker/styles.ts

@@ -5,6 +5,9 @@ export interface CustomTimerPickerStyles {
     backgroundColor?: string;
     disabledPickerContainer?: ViewStyle;
     disabledPickerItem?: TextStyle;
+    durationScrollFlatList?: ViewStyle;
+    durationScrollFlatListContainer?: ViewStyle;
+    durationScrollFlatListContentContainer?: ViewStyle;
     pickerAmPmContainer?: ViewStyle;
     pickerAmPmLabel?: TextStyle;
     pickerContainer?: ViewStyle & { backgroundColor?: string };
@@ -120,4 +123,15 @@ export const generateStyles = (
                     : (customStyles?.pickerItemContainer?.height ?? 50) * 0.8,
             ...customStyles?.pickerGradientOverlay,
         },
+        durationScrollFlatList: {
+            minWidth: 1,
+            ...customStyles?.durationScrollFlatList,
+        },
+        durationScrollFlatListContainer: {
+            overflow: "visible",
+            ...customStyles?.durationScrollFlatListContainer,
+        },
+        durationScrollFlatListContentContainer: {
+            ...customStyles?.durationScrollFlatListContentContainer,
+        },
     });