StatusBar is not blurring on iOS

[fadinasr]

🐛 Bug Report

The status bar is covering and conflicting with the content of the screen. We need to blur the status bar on iOS so it appears above the content of the screen.

Have you read the Contributing Guidelines on issues?

Yes

To Reproduce

1. Added blur option to navigation default options
2. Tested with other options and on Android
3. Tried upgrading to the latest version

Expected behavior

The StatusBar should be blurred or have a background color. Background color can only be used on Android, so we need the blur feature on iOS so we overlay the status bar with a blurred background to not conflict with screen content.

Actual Behavior

Nothing is being changed on iOS when we enable the blur option

Your Environment

• React Native Navigation version: 7.8.1
• React Native version: 0.63.3
• Platform(s) (iOS, Android, or both?): iOS
• Device info (Simulator/Device? OS version? Debug/Release?): Simulator and Device - all versions

Reproducible Demo

Navigation.events().registerAppLaunchedListener(async () => {
  await Navigation.setDefaultOptions({
    statusBar: {
      visible: true,
      blur: true
    },
   ....
  })
}

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. If you believe the issue is still relevant, please test on the latest version and report back. Thank you for your contributions.

[stale[bot]]

The issue has been closed for inactivity.

[gusssar]

can you reopen this issue?

[fadinasr]

@gusssar I think we need to create a new issue as the stale bot closed it!

[fadinasr]

Conversation was moved to #7185