Skip to main content

Shadow Offset ★

Adjust the horizontal and vertical position of the shadow.

★ represents it's an iOS-only prop

Import​

src/screens/Component.js
import { shadow } from "nativeflowcss";

Properties​

ObjectNative 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)

ObjectNative Properties
shadow.offset_(w, h){ shadowOffset: { width: w, height: h } }