When useAnimatedProps is used to animate the intensity prop of a BlurView from expo-blur, it just renders the BlurView with its initial intensity value, but does not update it when it is animated.
If you run this either on Web or on Expo 50 (Reanimated 3.6.1), it works fine. But in Expo 52 (Reanimated 3.16.1) on iOS, it does not update the animated prop.
Note that there are two similar issues: #4336 is marked as a duplicate of #3321. However, one of them concerns a much older version of Reanimated, and the other one is only for Web.
This is on the Simulator, as well as on real devices.
Steps to reproduce
Use animatedProps on a BlurView that has been made animated by using createAnimatedComponent
Set the intensity prop of the animatedProps to an animated value.
On iOS, the prop will not update when the value is animated.
Description
When
useAnimatedPropsis used to animate theintensityprop of aBlurViewfromexpo-blur, it just renders theBlurViewwith its initialintensityvalue, but does not update it when it is animated.Check out the Snack here: https://snack.expo.dev/@yolpsoftware/frowning-blue-truffles
If you run this either on Web or on Expo 50 (Reanimated 3.6.1), it works fine. But in Expo 52 (Reanimated 3.16.1) on iOS, it does not update the animated prop.
Note that there are two similar issues: #4336 is marked as a duplicate of #3321. However, one of them concerns a much older version of Reanimated, and the other one is only for Web.
This is on the Simulator, as well as on real devices.
Steps to reproduce
animatedPropson aBlurViewthat has been made animated by usingcreateAnimatedComponentintensityprop of theanimatedPropsto an animated value.Snack or a link to a repository
https://snack.expo.dev/@yolpsoftware/frowning-blue-truffles
Reanimated version
3.16.1
React Native version
0.76.2
Platforms
iOS
JavaScript runtime
Hermes
Workflow
Expo Go
Architecture
Paper (Old Architecture)
Build type
None
Device
None
Device model
iPhone 16 Pro
Acknowledgements
Yes