Components · Mobile only · Layout
Carousel
AlphaiOS & Android
Paged horizontal list with snapping; pair with PageIndicator.
Usage
@nexub/react-native
import { Carousel } from '@nexub/react-native';
<Carousel data={cards} renderItem={({ item }) => <Card>…</Card>} onIndexChange={setI} />Interactive preview of @nexub/react-native rendered for the web. Native chrome (switches, pickers, Liquid Glass) looks like the platform on a device.
On device
iPhone (iOS simulator)
Pixel (Android emulator)
Screenshots from the latest CI run of the showcase app; the live frame renders the same code for the web.
Carousel props
| Prop | Type | Default | Description |
|---|---|---|---|
| datarequired | readonly T[] | — | — |
| renderItemrequired | ListRenderItem<T> | — | — |
| width | number | — | Page width. |
| onIndexChange | (index: number) => void | — | — |
| style | StyleProp<ViewStyle> | — | — |