Date picker is not showing when the picker is inside the modal

Hi,

I have the modal that open the item details on clicking on the list of items. The picker works fine without the modal but I’d like to show the date picker in the modal. It works perfectly fine on Android. However, on IOS, I’m getting the following error.

Attempt to present <UIAlertController: 0x1049cd800> on <UIViewController: 0x1045121a0> (from <UIViewController: 0x1045121a0>) which is already presenting <RCTModalHostViewController: 0x11a09a720>.

To replicate “react”: “17.0.2”, “react-native”: “^0.65.1”, “react-native-date-picker”: “^4.0.0”,

I use import {Modal} from ‘react-native’;

[zhangpeng178]

import React, {useState} from 'react';
import {Button, Modal, View} from 'react-native';
import DatePicker from 'react-native-date-picker';

const App = () => {
  const [date, setDate] = useState(new Date());
  const [open, setOpen] = useState(false);
  return (
    <View>
      <Button title="open" onPress={() => setOpen(true)} />
      <Modal visible={open}>
        <DatePicker modal date={date} onDateChange={setDate} />
        <Button title="close" onPress={() => setOpen(false)} />
      </Modal>
    </View>
  );
};

export default App;

modal attribute in DatePicker Ios

[henninghall]

This should now have been solved in v4.1.3, please try it out and let me know if it fixed it for you 🙂