Text Shadow Offset

Adjust the horizontal and vertical position of the shadow.

Import

src/screens/Component.js

import { text } from "nativeflowcss";

Properties

Object	Native Properties
text.shadow_offset_0	{ textShadowOffset: { width: 0, height: 0 } }
text.shadow_offset_1	{ textShadowOffset: { width: 1, height: 1 } }
text.shadow_offset_2	{ textShadowOffset: { width: 2, height: 2 } }
text.shadow_offset_3	{ textShadowOffset: { width: 3, height: 3 } }
text.shadow_offset_4	{ textShadowOffset: { width: 4, height: 4 } }
text.shadow_offset_5	{ textShadowOffset: { width: 5, height: 5 } }
text.shadow_offset_6	{ textShadowOffset: { width: 6, height: 6 } }
text.shadow_offset_7	{ textShadowOffset: { width: 7, height: 7 } }
text.shadow_offset_8	{ textShadowOffset: { width: 8, height: 8 } }
text.shadow_offset_9	{ textShadowOffset: { width: 9, height: 9 } }
text.shadow_offset_10	{ textShadowOffset: { width: 10, height: 10 } }
text.shadow_offset_11	{ textShadowOffset: { width: 11, height: 11 } }
text.shadow_offset_12	{ textShadowOffset: { width: 12, height: 12 } }
text.shadow_offset_13	{ textShadowOffset: { width: 13, height: 13 } }
text.shadow_offset_14	{ textShadowOffset: { width: 14, height: 14 } }
text.shadow_offset_15	{ textShadowOffset: { width: 15, height: 15 } }
text.shadow_offset_16	{ textShadowOffset: { width: 16, height: 16 } }
text.shadow_offset_17	{ textShadowOffset: { width: 17, height: 17 } }
text.shadow_offset_18	{ textShadowOffset: { width: 18, height: 18 } }
text.shadow_offset_19	{ textShadowOffset: { width: 19, height: 19 } }
text.shadow_offset_20	{ textShadowOffset: { width: 20, height: 20 } }
text.shadow_offset_21	{ textShadowOffset: { width: 21, height: 21 } }
text.shadow_offset_22	{ textShadowOffset: { width: 22, height: 22 } }
text.shadow_offset_23	{ textShadowOffset: { width: 23, height: 23 } }
text.shadow_offset_24	{ textShadowOffset: { width: 24, height: 24 } }

Custom Shadow Offsets

Custom properties are usually rendered using _(customValue)

Object	Native Properties
text.shadow_offset_(w, h)	{ textShadowOffset: { width: w, height: h } }