Shadow Opacity ★
Sets the drop shadow opacity (multiplied by the color's alpha component).
★ represents it's an iOS-only prop
Import
src/screens/Component.js
import { shadow } from "nativeflowcss";
Properties
| Object | Native Properties |
|---|---|
| shadow.opacity_0 | { shadowOpacity: 0 } |
| shadow.opacity_1 | { shadowOpacity: 1 } |
| shadow.opacity_2 | { shadowOpacity: 2 } |
| shadow.opacity_3 | { shadowOpacity: 3 } |
| shadow.opacity_4 | { shadowOpacity: 4 } |
| shadow.opacity_5 | { shadowOpacity: 5 } |
| shadow.opacity_6 | { shadowOpacity: 6 } |
| shadow.opacity_7 | { shadowOpacity: 7 } |
| shadow.opacity_8 | { shadowOpacity: 8 } |
| shadow.opacity_9 | { shadowOpacity: 9 } |
| shadow.opacity_10 | { shadowOpacity: 10 } |
| shadow.opacity_11 | { shadowOpacity: 11 } |
| shadow.opacity_12 | { shadowOpacity: 12 } |
| shadow.opacity_13 | { shadowOpacity: 13 } |
| shadow.opacity_14 | { shadowOpacity: 14 } |
| shadow.opacity_15 | { shadowOpacity: 15 } |
| shadow.opacity_16 | { shadowOpacity: 16 } |
| shadow.opacity_17 | { shadowOpacity: 17 } |
| shadow.opacity_18 | { shadowOpacity: 18 } |
| shadow.opacity_19 | { shadowOpacity: 19 } |
| shadow.opacity_20 | { shadowOpacity: 20 } |
| shadow.opacity_21 | { shadowOpacity: 21 } |
| shadow.opacity_22 | { shadowOpacity: 22 } |
| shadow.opacity_23 | { shadowOpacity: 23 } |
| shadow.opacity_24 | { shadowOpacity: 24 } |
Custom Shadow Opacity
Custom properties are usually rendered using _(customValue)
| Object | Native Properties |
|---|---|
| shadow.opacity_(customValue) | { shadowOpacity: customValue } |