Modal not displaying when LineChart is present

[rosalinddeibert]

I'm experiencing an issue with LineChart when used on the same screen as React Native's Modal component. When both components are present on the same screen, the modal does not show (seems like it is hidden or off-screen), despite the onShow callback being triggered and the modal's visibility state being set to true and a back swipe triggering the onRequestClose callback.

Steps to Reproduce:

1. Import and use the react-native-simple-line-chart to render a line chart.
2. Place a Modal component on the same screen with a visible={true} state.
3. The onShow callback is called, but the modal is not visible. Swiping back on the phone causes the onRequestClose modal to be called. It seems like the modal is rendered but not displayed.

Expected Behavior:

The modal should be rendered on top of the LineChart and be visible to the user.

Actual Behavior:

The modal does not appear on the screen even though the onShow callback is triggered. The chart seems to be blocking the modal from rendering properly.

Environment:

react-native-simple-line-chart 0.36.1
React Native 0.76.6
Platform: Android

Has anybody experienced this before and found a fix or know if I might be doing something wrong? Thanks for your help.

[WadhahEssam]

Interesting.

We use other modals like gorhom-bottom-sheet and we don't face problems even when they are in the same screen.

I am not sure if you have time to test this or not, but I would render the modal, and will keep removing components from inside the internal components to see what is the component that is causing this issue. I think from that point you will be able to fix it or at least tell us here so we can help you fix it.

This is if you want to solve this faster as we currently are busy with other projects.

Thank you for reporting this @rosalinddeibert, we will check it after a while if its still an issue.

[rosalinddeibert]

Thank you for your response @WadhahEssam

With your advice, I narrowed it down to activePointConfig and endPointConfig. Without these, the Modal component shows up as expected. I'm going to omit them for now, and I’ll update here if I find a fix for it.