Shadow Offset
Adjust the horizontal and vertical position of the shadow.
Import​
src/screens/Component.js
import { shadow } from "nativeflowcss";
Properties​
| Object | Native Properties |
|---|---|
| shadow.offset_0 | { shadowOffset: { width: 0, height: 0 } } |
| shadow.offset_1 | { shadowOffset: { width: 1, height: 1 } } |
| shadow.offset_2 | { shadowOffset: { width: 2, height: 2 } } |
| shadow.offset_3 | { shadowOffset: { width: 3, height: 3 } } |
| shadow.offset_4 | { shadowOffset: { width: 4, height: 4 } } |
| shadow.offset_5 | { shadowOffset: { width: 5, height: 5 } } |
| shadow.offset_6 | { shadowOffset: { width: 6, height: 6 } } |
| shadow.offset_7 | { shadowOffset: { width: 7, height: 7 } } |
| shadow.offset_8 | { shadowOffset: { width: 8, height: 8 } } |
| shadow.offset_9 | { shadowOffset: { width: 9, height: 9 } } |
| shadow.offset_10 | { shadowOffset: { width: 10, height: 10 } } |
| shadow.offset_11 | { shadowOffset: { width: 11, height: 11 } } |
| shadow.offset_12 | { shadowOffset: { width: 12, height: 12 } } |
| shadow.offset_13 | { shadowOffset: { width: 13, height: 13 } } |
| shadow.offset_14 | { shadowOffset: { width: 14, height: 14 } } |
| shadow.offset_15 | { shadowOffset: { width: 15, height: 15 } } |
| shadow.offset_16 | { shadowOffset: { width: 16, height: 16 } } |
| shadow.offset_17 | { shadowOffset: { width: 17, height: 17 } } |
| shadow.offset_18 | { shadowOffset: { width: 18, height: 18 } } |
| shadow.offset_19 | { shadowOffset: { width: 19, height: 19 } } |
| shadow.offset_20 | { shadowOffset: { width: 20, height: 20 } } |
| shadow.offset_21 | { shadowOffset: { width: 21, height: 21 } } |
| shadow.offset_22 | { shadowOffset: { width: 22, height: 22 } } |
| shadow.offset_23 | { shadowOffset: { width: 23, height: 23 } } |
| shadow.offset_24 | { shadowOffset: { width: 24, height: 24 } } |
Custom Shadow Offsets​
Custom properties are usually rendered using _(customValue)
| Object | Native Properties |
|---|---|
| shadow.offset_(w, h) | { shadowOffset: { width: w, height: h } } |