UI break in iOS

[taha200]

This issue is occurring in the Iphone 12, it is breaking the UI.

[vipulrawat]

Workaround is to render it inside a transparent modal

      <Modal
        transparent
        onDismiss={() => setShow(false)}
        onRequestClose={() => setShow(false)}
        visible={show}>
        <Picker
          onChange={onValueChange}
          value={date}
          minimumDate={new Date()}
          maximumDate={new Date(2025, 5)}
          locale="en"
        />
      </Modal>

[Mihai-github]

Using the Modal from native is not working, the top header is not shing and closing the modal is not working

[nitinparwani]

@Mihai-github , You can add condition for Platform. Like :

{Platform.OS == 'android' ? (
<Picker
onChange={onValueChange}
value={date}
minimumDate={new Date()}
maximumDate={new Date(2025, 5)}
locale="en"
/>
) :
(
<Modal
transparent
onDismiss={() => setShow(false)}
onRequestClose={() => setShow(false)}
visible={show}>
<Picker
onChange={onValueChange}
value={date}
minimumDate={new Date()}
maximumDate={new Date(2025, 5)}
locale="en"
/>

)}