第17章 BoxShadowValue 对象类型详解（React Native 0.77）

版本：0.77 BoxShadowValue 对象类型 BoxShadowValue 对象由 boxShadow 样式属性接受。它由 2 至 4 个长度值、一个可选的颜色以及一个可选的 inset 布尔值组成。这些值共同定义了盒阴影的颜色、位置、大小和模糊度。

示例 JavaScript { offsetX: 10, offsetY: -3, blurRadius: '15px', spreadDistance: '10px', color: 'red', inset: true, }

键值说明 offsetX x 轴上的偏移量。可为正值或负值。正值表示向右，负值表示向左。 类型：number | string 是否必需：否

offsetY y 轴上的偏移量。可为正值或负值。正值表示向上，负值表示向下。 类型：number | string 是否必需：否

blurRadius 代表高斯模糊算法中使用的半径值。值越大，阴影越模糊。仅非负值有效。默认值为 0。 类型：number | string 是否必需：是

spreadDistance 阴影扩大或缩小的程度。正值会使阴影扩大，负值会使阴影缩小。 类型：number | string 是否必需：是

color 阴影的颜色。默认值为黑色。 类型：color 是否必需：是

inset 阴影是否为内阴影。内阴影会出现在元素边框盒的内部，而非外部。 类型：boolean 是否必需：是

使用方

boxShadow