Question

应用于React中的filter对象的styles属性是否可以设置多个过滤器值？

saturation = 25;
blurAmount = 5;
brightness = 25;
opacity = 0.85;
let styles = {
    backgroundImage: `url(${imageUrl})`,
    WebkitFilter: `brightness(${brightness}%) saturation(${saturation}%) blur(${blurAmount}px)`,
    filter: `brightness(${brightness}%) saturation(${saturation}%) blur(${blurAmount}px)`,
    opacity: opacity
};

在上面的代码中，当我向组件添加内联样式时，只有opacity和backgroundImage属性被正确设置。

Answer 1

React不支持所有CSS属性，所以我最好的建议是您可以使用像https://github.com/iyegoroff/react-native-color-matrix-image-filters#supported-filters这样的第三方库

检出此库，我认为这会为您提供帮助。

React-内联样式的多个属性用于过滤器

1 个答案: