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_none | { shadowRadius: 0 } |
| shadow.rounded_xs | { shadowRadius: 1 } |
| shadow.rounded_sm | { shadowRadius: 2 } |
| shadow.rounded_md | { shadowRadius: 3 } |
| shadow.rounded_base | { shadowRadius: 4 } |
| shadow.rounded_lg | { shadowRadius: 8 } |
| shadow.rounded_xl | { shadowRadius: 12 } |
| shadow.rounded_2xl | { shadowRadius: 16 } |
| shadow.rounded_3xl | { shadowRadius: 24 } |
| shadow.rounded_full | { shadowRadius: 9999 } |
Custom Shadow Opacity
Custom properties are usually rendered using _(customValue)
| Object | Native Properties |
|---|---|
| shadow.rounded_(customValue) | { shadowRadius: customValue } |