DateTimePicker and React Native Picker not working on TestFlight build but ok on simulator #638
Description
"@react-native-community/datetimepicker": "8.4.1",
"@react-native-picker/picker": "2.11.1",
"expo": "53.0.18",
When running the build and testing with Testflight, both my types of pickers (@react-native-community/datetimepicker and @react-native-picker/picker) show up as the attached image. They are, however, interactive (somehow) although I'm not sure what their hotarea is.
Anyone has any idea on how to solve this? I've went ahead and removed their styling, thinking that that was the issue, but that didn't solve the problem.
I'm using the components as they are from the dependencies, like so
<Picker
selectedValue={value}
onValueChange={onValueChange}
style={[styles.picker, { fontSize: 16, fontFamily: 'System' }]}
>
{items.map((item) => (
<Picker.Item
key={item.value}
label={item.label}
value={item.value}
/>
))}
</Picker>
and the date time picker
<DateTimePicker
value={dateOfBirth || new Date()}
mode="date"
display="spinner"
onChange={onDateChange}
maximumDate={new Date()}
style={{ height: 200, width: '100%' }}
/>
[