Shadow Radius ★
Define the blur radius of the shadow.
★ represents it's an iOS-only prop
Import
src/screens/Component.js
import { shadow } from "nativeflowcss";
Properties
| Object | Native Properties |
|---|---|
| shadow.rounded_0 | { shadowRadius: 0 } |
| shadow.rounded_1 | { shadowRadius: 1 } |
| shadow.rounded_2 | { shadowRadius: 2 } |
| shadow.rounded_3 | { shadowRadius: 3 } |
| shadow.rounded_4 | { shadowRadius: 4 } |
| shadow.rounded_5 | { shadowRadius: 5 } |
| shadow.rounded_6 | { shadowRadius: 6 } |
| shadow.rounded_7 | { shadowRadius: 7 } |
| shadow.rounded_8 | { shadowRadius: 8 } |
| shadow.rounded_9 | { shadowRadius: 9 } |
| shadow.rounded_10 | { shadowRadius: 10 } |
| shadow.rounded_11 | { shadowRadius: 11 } |
| shadow.rounded_12 | { shadowRadius: 12 } |
| shadow.rounded_13 | { shadowRadius: 13 } |
| shadow.rounded_14 | { shadowRadius: 14 } |
| shadow.rounded_15 | { shadowRadius: 15 } |
| shadow.rounded_16 | { shadowRadius: 16 } |
| shadow.rounded_17 | { shadowRadius: 17 } |
| shadow.rounded_18 | { shadowRadius: 18 } |
| shadow.rounded_19 | { shadowRadius: 19 } |
| shadow.rounded_20 | { shadowRadius: 20 } |
| shadow.rounded_21 | { shadowRadius: 21 } |
| shadow.rounded_22 | { shadowRadius: 22 } |
| shadow.rounded_23 | { shadowRadius: 23 } |
| shadow.rounded_24 | { shadowRadius: 24 } |
Custom Shadow Opacity
Custom properties are usually rendered using _(customValue)
| Object | Native Properties |
|---|---|
| shadow.rounded_(customValue) | { shadowRadius: customValue } |