multiple modals not working

I switched from react-native’s default Modal to react-native-modal and i noticed that if I have multiple modals open at the same time, only one will ever be visible.

react-native’s modal handles this correctly: they display only the first one, but if i dismiss, i see the other modals.

With react-native-modal, the others are simply ignored, altough they are mounted with isVisible={true}. This leads to inconsistency.

[kalwaniyash]

@jojonarte @IlifilzaRusli Hey, the approach that i used is this. There is a class ( say A ) that is build on top of the react-native-modal, every time some class ( say B ) needs a modal to be shown it calls class A. Class A puts the instance of class B into a queue. Now if another class ( say c ) needs a modal, it again calls A. A then checks if there is any other instance that is open. It sees that B is already open, it then closes the modal B deletes its instance and opens C and saves its instance. This cycle keeps on going.

Sorry for the delay, by this weekend i’ll be making the entire code public.

[452MJ]

Just try embed ModalB in ModalA. It will work.

<ModalA>
   <ModalB/>
</ModalA>