React Native Mantine › Overlays

Affix

Render content at a fixed position via portal

Import: import { Affix } from 'react-native-mantine';

Usage

import { Affix, PortalProvider } from 'react-native-mantine';

// Wrap your app once to enable portal rendering
<PortalProvider>
  <App />
</PortalProvider>

// Pinned to the bottom-right corner of the screen
<Affix position={{ bottom: 20, right: 20 }}>
  <Button onPress={scrollToTop}>Scroll to top</Button>
</Affix>

// Position relative to the parent instead of the overlay
<Affix withinPortal={false} position={{ top: 12, left: 12 }}>
  <Badge>Pinned</Badge>
</Affix>

Props

Source on GitHub · npm