Compiling fails on iOS with RN0.80

[Vashiru]

I'm using RN 0.80, with new architecture, and kinda used this as a drop-in replacement for @react-native-community/blur.

I've it implemented as:

<BlurView
          style={styles.backgroundBlur}
          blurType={"dark"}
          blurAmount={10}
          reducedTransparencyFallbackColor={DARK_GRAY}
        />

styles.backgroundBlur: {
    position: 'absolute',
    top: 0,
    left: 0,
    bottom: 0,
    right: 0,
  },

When I try to do Product => Archive in Xcode 16.2 it fails with:

~/Workspaces/AfterHoursFM/node_modules/@danielsaraldi/react-native-blur-view/ios/BlurViewView.mm:59:61 Use of undeclared identifier 'toString'; did you mean 'facebook::yoga::toString'?

~/Workspaces/AfterHoursFM/node_modules/@danielsaraldi/react-native-blur-view/ios/BlurViewView.mm:59:70 No viable conversion from 'const std::string' (aka 'const basic_string<char>') to 'Dimension'

Did I make a mistake implementing it or is there an issue with the library?

[DanielAraldi]

Hello, thank you for reporting the issue.

This error is occurring during the conversion of the overlayColor String. The function I used for the conversion is throwing this exception. I'll fix it as soon as possible.

if (oldViewProps.overlayColor != newViewProps.overlayColor) {
    NSString *overlayColor = [NSString stringWithUTF8String:toString(newViewProps.overlayColor).c_str()]; # <— Problem it’s here
    [self setOverlayColor:overlayColor];
}

[DanielAraldi]

Good news @Vashiru, I managed to simulate your problem. When I resolve it, I'll get back to you.

[DanielAraldi]

Hey @Vashiru, I just released version 0.5.3, please check if the issue is resolved.

[Vashiru]

Hey @DanielAraldi, glad you were able to reproduce it. I can confirm the issue has been resolved, the project compiles now, thank you!

And as a note, I can't actually create issues on this project, when clicking 'new issue' it only offers me to start a feature request as a discussion, or just a general discussion, but I cant can't create an actual issue.

[Vashiru]

Err it compiles, but on Android (at least) the background seems to be light rather than dark somehow and none of the content appears to be rendering. (I hadn't tested it thus far, just implemented it and tried to compile, then ran into the previous issues).

I'll poke around later if this is also the case for iOS or if there's something else funky going on.

Edit: it's not the content that's not visible, but rather the Zindex is not right (it renders above everything else). This is probably an issue I can resolve on my end. The light instead of dark is probably a bug though.

Dark on react native community blur was:

[DanielAraldi]

I'll open the channel for further discussion, thanks for letting me know, haha!

I think this issue with ZIndex can be resolved on your end. If not, I can investigate.

I'll take a look at the Android issue. Does the Android issue occur in debug or release mode?

[Vashiru]

I've only tried release mode for Android thus far (figured hey if it's a drop in replacement, I'll just do this 5 minute swap).

I just tried debug on iOS, although it's compiling, it's not rendering. Will probably investigate later this evening if that's an issue on my end or not. Not tried release mode on iOS yet.

[DanielAraldi]

I'm back with good news. I managed to replicate the blur color issue. I just fixed it. I'll be releasing the new version for you soon. Thank you very much @Vashiru!

If you encounter any further issues, please feel free to report them.

[Vashiru]

Actually the blur color issue seems to have been me. I had blurType='dark' after experimenting rather than type='dark', which made it default to light... Sorry about that. So you might have found another issue?

As far as the z-index goes, I have resolved that for Android. iOS however, still seems to be in need of some love. Wether I use children or just as a view above everything else it's not rendering. Confirmed by the fact that children are also not rendering.

Let me know if you need more info. Great to have a stable library for blur on the new architecture.

Edit: Ah the dark/light might indeed still be an issue specifically with release, yeah waiting for your version :).

[DanielAraldi]

Regarding the blur color issue, I discovered an Android issue where the dark blur color was too weak, and I managed to fix it.

Regarding the z-index issue related to iOS, I couldn't replicate it here :(

[DanielAraldi]

Hey @Vashiru, I just released the new version with a major tweak to the blur type color. If you have any issues, feel free to report them here!

Thank you so much! You're helping a lot!

[Vashiru]

Compiling is now succesful, although it's not rendering on iOS as mentioned in #3, but I'll create a separate ticket for it.