进阶 reactnative.dev 2026-10-11 06:04:21 · 27 阅读

第33章 React Native 第33章:DropShadowValue 对象类型详解

版本:0.77

DropShadowValue 对象类型

`filter` 样式的 `dropShadow` 函数会接收 `DropShadowValue` 对象。该对象由两个或三个长度值和一个可选颜色值组成。这些值共同定义了投影的颜色、位置及模糊程度。

示例

`JavaScript` ```jsx { offsetX: 10, offsetY: -3, standardDeviation: '15px', color: 'blue', } ```

键与值

offsetX X 轴偏移量。可为正数或负数。正值代表向右,负值代表向左。

类型 `number | string`

可选 否

offsetY Y 轴偏移量。可为正数或负数。正值代表向上,负值代表向下。

类型 `number | string`

可选 否

standardDeviation 代表用于高斯模糊算法的标准差。值越大,阴影越模糊。仅接受非负值。默认值为 0。

类型 `number | string`

可选 是

color 阴影颜色。默认为黑色。

类型 `color`

可选 是

被以下属性使用

`filter`

评论 (0)