<BlurView> Renders as Black Instead of Blur on Newer iOS Versions

[tungne]

I am experiencing an issue when using in my React Native project. The following code works correctly on older iOS versions, displaying the intended blur effect. However, on newer iOS versions 18, the BlurView renders as a black overlay instead of the blur effect.

<View
          style={{
            width: '100%',
            aspectRatio: 1.42,
            borderRadius: 12,
            overflow: 'hidden',
            backgroundColor: colors.backgroundColorSecondary1,
          }}>
          {item?.listThumb?.length ? (
            <AnimatedFastImage
              style={{width: '100%', height: '100%', borderRadius: 12}}
              source={{
                uri: item?.listThumb[0]?.url,
                headers: {Authorization: 'someAuthToken'},
                priority: FastImage.priority.normal,
              }}
              resizeMode={FastImage.resizeMode.cover}
              // sharedTransitionTag={'sharedImage_' + item._id}
              sharedTransitionStyle={customTransition}
            />
          ) : null}


          <View
            style={{
              position: 'absolute',
              right: 13,
              bottom: 12,
              paddingHorizontal: 12,
              paddingVertical: 4,
              width: 'auto',
              height: 'auto',
              overflow: 'hidden',
              borderRadius: 8,
            }}>
            <BlurView
              style={{
                position: 'absolute',
                top: 0,
                left: 0,
                bottom: 0,
                right: 0,
              }}
              blurRadius={1}
              blurType="dark"
              blurAmount={1}
            />
            <Txt color={colors.textColorSecondary3}>
              {item?.price > 0 ? '$ ' + item.price : 'FREE'}
            </Txt>
          </View>
        </View>

• On older iOS versions, the BlurView shows the correct blur effect.
• On newer iOS versions, it appears as a solid black box and does not render the blur.

Has anyone else encountered this issue with BlurView on newer iOS versions? If so, do you have any solutions or suggestions for fixing it?

[FA72]

I think it's trouble on iOS side. I write on .Net IOS (Something like native, but on C#) and have same problem :)

[tungne]

iOS >= 18. it appears as a solid black box and does not render the blur.

[stevancarlon]

Same issue here. Is there a fix for it?