AppLovin/AppLovin-MAX-React-Native

SafeAreaView Bottom Tab Background Color Issue

ahlbet opened this issue · 2 comments

MAX Module Version

6.2.3

React Native Version

0.71.15

Device/Platform Info

iOS

Current Behavior

We are currently experiencing an issue on iOS with the SafeAreaView's background color. When I initialize this package with

AppLovinMAX.initialize(APPLOVIN_KEY)
  .then(conf => {
    // SDK is initialized, start loading ads
  })
  .catch(error => {
    console.log('error', error);
    // Failed to initialize SDK
  });

part of our bottom tabs background color gets overridden and set to black as you can see in the below screenshot:
IMG_0074

It appears to be affecting the area outside of the SafeAreaView. This is how our bottom tabs look without initializing the applovin sdk:
IMG_0075

This happens regardless if we're rendering an ad or not.

In trying to troubleshoot, I came across this line in your iOS sdk:

 self.safeAreaBackground.backgroundColor = view.backgroundColor = convertedColor;

If I comment out that line and rebuild, the black section does not render and the bottom tabs look good.

Is there any config setting I can set to avoid this behavior? We may need to resort to patch-package in the meantime.

I'd appreciate any support - let me know if I can provide any further details. Thank you!

Expected Behavior

No response

How to Reproduce

Initialize applovin sdk

Additional Info

No response

@ahlbet , thanks for reporting the issue. We are showing the safe area view even if we hide the banner. Could you try our fix for the issue on your end? We want to make sure the fix works for you before release. The draft PR is #310. The fix just needs one line change here.

#310 has been merged.