Components
iOSAndroid
Installation
pnpm dlx @docyrus/cli add @docyrus/rn-scroll-shadowRequired Packages(1 package)
pnpm add react-native-reanimatedUsage
import { ScrollShadow } from '@/components/docyrus-native/scroll-shadow';
<ScrollShadow className="h-64">
{/* scrollable content */}
</ScrollShadow>API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Scrollable content |
orientation | 'horizontal' | 'vertical' | 'vertical' | Scroll direction |
shadowSize | number | 40 | Shadow gradient size in px |
className | string | — | Additional classes |
All ScrollViewProps are also accepted.
Type Exports
| Type | Description |
|---|---|
ScrollShadowProps | Props for ScrollShadow |
ScrollShadowOrientation | 'horizontal' | 'vertical' |