search

LKHcoding / react-native-blur-effect

blur effect library for react-native
MIT License
9 stars 1 forks source link

it seems this isn't working on iOS 18 #4

Open kelvinOfoli opened 2 months ago

kelvinOfoli commented 2 months ago

image

The items in the background are supposed to be blurred out.. works perfect on Android and iOS versions below 18...

kelvinOfoli commented 1 month ago

I found this, https://discussions.apple.com/thread/255764118?sortBy=rank

vstacked commented 4 weeks ago

did u find another solution or an alternative @kelvinOfoli ?

kelvinOfoli commented 4 weeks ago

@vstacked I resulted to using "@react-native-community/blur" just for iOS 18 and above

  if (majorVersionIOS >= 18 && isIOS) {
    return <RNBlurView style={styles.container} blurType={blurType} />;
  }
vstacked commented 4 weeks ago

Yes, in the end I also used that, but with that library I encountered another problem, which was a white screen. According to this https://github.com/software-mansion/react-native-screens/issues/1882#issuecomment-2435173230, need to set animation to none. Did you @kelvinOfoli experience something similar?

kelvinOfoli commented 4 weeks ago

I think I remember experiencing something like this only for android.. from what I remember giving the container of the blueView (@react-native-community/blur) a overflow: "hidden" fixed the issue.

vstacked commented 4 weeks ago

I think I remember experiencing something like this only for android.. from what I remember giving the container of the blueView (@react-native-community/blur) a overflow: "hidden" fixed the issue.

Oh I see, okay I'll try it later, thank you