image - 如何使用 react-native 制作模糊效果？

Question

如何使用 react-native 制作模糊效果？像“背景图像”

我想切换效果“模糊”和“无”，“无”表示没有模糊效果

Answer 1

现在你可以在没有任何库的情况下使用 Prop 来做到这一点:模糊半径 .

例如

<Image
    style={styles.img}
    resizeMode='cover'
    source={imgSrc} 
    blurRadius={1}
/>

说明 :数字(1) 表示您要在图像上应用的模糊量，数字越大，图像越模糊。

不幸的是，这还不适用于 Android (RN 0.40.0)。尽管如此，这对于只寻找 的人来说可能很有用。 iOS 解决方案。

编辑:它现在似乎可以在 Android 上运行。