Webview goes under StatusBar and SafeArea is not applied.

[joestackss]

Describe the bug
The current V5 webview goes beyond the SafeAreaView of the screen. The webview goes under the Status Bar.

To Reproduce
Steps to reproduce the behavior:

1. Use the latest import { usePaystack } from "react-native-paystack-webview"; and popup.checkout({props}) and a button to trigger the Payment.

Expected behavior
A SafeAreaView should be around the webview when the popup.checkout is called.

Screenshots

Smartphone (please complete the following information):

• Device: iPhone 11 Pro max
• OS: 18.1
• Version "react-native-paystack-webview": "^5.0.1"
• Medium: Expo Go for Expo/React Native

Additional context
When the popup is displayed, it shows and goes under the status bar, no safe area view is wrapped around it.

[joestackss]

I believe this solution will work using react-native-safe-area-context.

[ashefor]

Hello, please any update/fix for this yet?

[davso11]

Hello, please any update/fix for this yet?

Juste use the patch-package npm module to get around this issue.

[just1and0]

Fixed in #223

[ThePromiseBenard]

@just1and0 i think this is not yet in the current release...