SafeArea
0.1.3indexedEnsures UI content stays within safe areas on various platforms. Wraps applications with `ProvideSafeArea` to handle insets and avoid overlaps with system UI elements.
25
Stars
—
Used by
dependents
—
Health
/ 100
SafeArea
SafeArea for Compose multiplatform
Setup
api("moe.tlaster:safearea:$safearea_version")
Android
Nothing to setup.
Desktop
Warp your App in with ProvideSafeArea() like this
fun main() {
application {
Window {
ProvideSafeArea {
App()
}
}
}
}
iOS
Warp your App with ProvideSafeArea(window: UIWindow) like this
window = UIWindow(frame = UIScreen.mainScreen.bounds).apply {
rootViewController = Application("SafeArea") {
ProvideSafeArea(this) {
App()
}
}
makeKeyAndVisible()
}
Usage
Warp your content in SafeArea, the content will be displayed in safe area
SafeArea {
Column(
modifier = Modifier.background(Color.Cyan).fillMaxSize(),
horizontalAlignment = Alignment.CenterHorizontally,
verticalArrangement = Arrangement.Center,
) {
Text("Hello World!")
Text("in SafeArea")
}
}