📝 document additional custom DurationScroll style props

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.
 

src/components/TimerPicker/styles.ts

@@ -40,17 +40,6 @@ export const generateStyles = (
                     : LIGHT_MODE_BACKGROUND_COLOR),
             ...customStyles?.pickerContainer,
         },
-        durationScrollFlatList: {
-            minWidth: 1,
-            ...customStyles?.durationScrollFlatList,
-        },
-        durationScrollFlatListContainer: {
-            overflow: "visible",
-            ...customStyles?.durationScrollFlatListContainer,
-        },
-        durationScrollFlatListContentContainer: {
-            ...customStyles?.durationScrollFlatListContentContainer,
-        },
         pickerLabelContainer: {
             position: "absolute",
             right: 4,
@@ -134,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,
+        },
     });