Components · Mobile only · Layout
Sticky Footer
AlphaiOS & Android
Keeps the primary action above the keyboard and home indicator.
Usage
@nexub/react-native
import { StickyFooter } from '@nexub/react-native';
<StickyFooter footer={<Button size="lg">Continue</Button>}>…</StickyFooter>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.
StickyFooter props
| Prop | Type | Default | Description |
|---|---|---|---|
| childrenrequired | React.ReactNode | — | Scrollable content above the footer. |
| footerrequired | React.ReactNode | — | The flow's primary action(s), kept above the keyboard and the home indicator. |
| style | StyleProp<ViewStyle> | — | — |