Merge pull request #7095 from StoDevX/drew/fix-rnpicker-android

fix android menu daypart picker item label color crash

Author: hawkrives

ios/Podfile.lock

@@ -374,7 +374,7 @@ PODS:
     - React-Core
   - RNCClipboard (1.11.1):
     - React-Core
-  - RNCPicker (2.4.10):
+  - RNCPicker (2.5.1):
     - React-Core
   - RNDateTimePicker (6.7.5):
     - React-Core
@@ -652,7 +652,7 @@ SPEC CHECKSUMS:
   RNCalendarEvents: 7e65eb4a94f53c1744d1e275f7fafcfaa619f7a3
   RNCAsyncStorage: 8616bd5a58af409453ea4e1b246521bb76578d60
   RNCClipboard: 2834e1c4af68697089cdd455ee4a4cdd198fa7dd
-  RNCPicker: 0bc2f0a29abcca7b7ed44a2d036aac9ab6d25700
+  RNCPicker: 529d564911e93598cc399b56cc0769ce3675f8c8
   RNDateTimePicker: 65e1d202799460b286ff5e741d8baf54695e8abd
   RNDeviceInfo: 02ea8b23e2280fa18e00a06d7e62804d74028579
   RNGestureHandler: 071d7a9ad81e8b83fe7663b303d132406a7d8f39

modules/filter/section-picker.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import {StyleSheet} from 'react-native'
+import {Platform, StyleSheet} from 'react-native'
 import * as c from '@frogpond/colors'
 import type {PickerType} from './types'
 import {Section} from '@frogpond/tableview'
@@ -21,6 +21,7 @@ export function PickerSection<T extends object>({
 		<Section footer={caption} header={title.toUpperCase()}>
 			<Picker
 				itemStyle={styles.pickerItem}
+				mode="dropdown"
 				onValueChange={(itemValue, itemIndex) => {
 					let pickedItem = spec.options[itemIndex]
 					onChange({...filter, spec: {...spec, selected: pickedItem}})
@@ -46,6 +47,10 @@ const styles = StyleSheet.create({
 		backgroundColor: c.secondarySystemBackground,
 	},
 	pickerItem: {
-		color: c.label,
+		...Platform.select({
+			ios: {
+				color: c.label,
+			},
+		}),
 	},
 })

package-lock.json

@@ -52,7 +52,7 @@
     "@react-native-clipboard/clipboard": "1.11.1",
     "@react-native-community/datetimepicker": "6.7.5",
     "@react-native-community/netinfo": "9.3.10",
-    "@react-native-picker/picker": "2.4.10",
+    "@react-native-picker/picker": "2.5.1",
     "@react-navigation/bottom-tabs": "6.5.8",
     "@react-navigation/material-bottom-tabs": "6.2.16",
     "@react-navigation/material-top-tabs": "6.6.3",