SafeArea
SafeArea extends a layout container through the device safe area.
Source
LLM docs
Package
Examples
1
Properties
78
Basics
SafeArea extends a layout container through the device safe area.
Loading demo…
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { SafeArea, Text } from '@plocks/ui';
export function Demo() {
return (
<SafeAreaProvider>
<SafeArea bg="subtle" p="md">
<Text>Content inside the safe area</Text>
</SafeArea>
</SafeAreaProvider>
);
}React Native design for iOS, Android, and Web.
Quick Links
Resources