Skip to main content

​
Overview

The ScrollView component provides a scrollable container. Uniwind provides className prop support for styling this component.

​
Styling Convention

For style props: Use regular Tailwind classes directly (e.g., className="p-4").For non-style props (like endFillColor): Use the accent- prefix (e.g., endFillColorClassName="accent-bg-blue-500").

​
Uniwind Bindings

​
className
string
Maps to the style prop. Use any Tailwind utility classes.
​
contentContainerClassName
string
Maps to the contentContainerStyle prop. Use any Tailwind utility classes.
​
endFillColorClassName
string
Maps to the endFillColor prop. Requires accent- prefix for color values.

​
Usage Example

import { ScrollView, Text } from 'react-native'

<ScrollView
  className="flex-1 bg-background"
  contentContainerClassName="p-4 gap-2"
  endFillColorClassName="accent-bg-gray-100"
>
  <Text>Scrollable content</Text>
</ScrollView>
⌘I