Walkthrough steps appear behind React Native's Modal

[uasghar-smile]

Description

When using react-native-interactive-walkthrough inside a React Native Modal, the walkthrough steps are rendered behind the modal. If the modal has high opacity, the walkthrough steps become invisible, making it difficult to use the feature effectively.

Steps to Reproduce

1. Create a React Native Modal.
2. Add a walkthrough step inside the modal using react-native-interactive-walkthrough.
3. Open the modal and start the walkthrough.

Expected Behavior

The walkthrough steps should be displayed on top of the modal, ensuring visibility.

Actual Behavior

The walkthrough steps appear behind the modal, making them hard to see or completely invisible.

Environment

• React Native Version : 0.73.0
• react-native-interactive-walkthrough : ^1.0.15,
• Platform : Both on Android and iOS

Possible Solution

• Adjusting the zIndex of the walkthrough component.
• Using Modal’s presentationLayer settings to ensure correct stacking.

@Aryk Would appreciate any insights or potential fixes. Thanks! 🙌