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_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 } }

Custom Shadow Offsets

Custom properties are usually rendered using _(customValue)

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