Configure edge-to-edge support for Jetpack Compose Android apps targeting SDK 35.
npx skills add https://github.com/tajemniktv/TajsOS --skill edge-to-edge-tajemniktv
Please help me install this Agent Skill. Skill: edge-to-edge Source: https://github.com/tajemniktv/TajsOS/tree/main/.agent/skills/edge-to-edge Command: npx skills add https://github.com/tajemniktv/TajsOS --skill edge-to-edge-tajemniktv
This Skill resolves common UI issues in Jetpack Compose Android apps where content is obscured by or overlaps with the status bar, navigation bar, or on-screen keyboard (IME), and fixes system bar icon legibility problems that reduce usability.
Use the edge-to-edge skill to update your Jetpack Compose Android app to implement proper edge-to-edge support, fix all system bar overlap issues, and ensure input fields remain visible when the on-screen keyboard is active.
High-intent search queries and answers about installing and using this skill.
To fix Jetpack Compose content overlapping the status bar and navigation bar, implement edge-to-edge support and apply system bar insets to your UI components. This ensures content draws behind system bars without obscuring interactive elements.
Your Compose text input field hides behind the on-screen keyboard because of missing IME insets handling. Applying proper window soft input mode configuration and IME inset adjustments ensures input fields remain visible when the keyboard is active.
To apply edge-to-edge in an Android app targeting SDK 35, you must configure your Activities to draw behind system bars by default. This involves handling system insets for scrollable lists, app bars, and FABs to prevent UI obscuration.
To fix system bar icon legibility for light and dark themes in Jetpack Compose, enforce correct system bar contrast. This resolves icon visibility problems when content is drawn behind the status and navigation bars in edge-to-edge layouts.
Edge-to-edge in Compose works with Material 2 and Material 3 components by enforcing correct system bar contrast. This ensures that UI components maintain proper visual hierarchy and are not obscured by system bars.
The best way to handle system insets for scrollable lists in Android Compose is to apply system bar insets directly to your list components. This prevents system bars from obscuring content while maintaining adaptive edge-to-edge support.
kabirnayeem99Migrate Android Jetpack Compose apps to edge-to-edge display with window insets.
mymx2Configure Android Jetpack Compose apps for edge-to-edge display with system bar and IME insets.
charleshall888Migrates Jetpack Compose apps to edge-to-edge layouts with insets handling.
ekawijayasusiloMigrate Jetpack Compose Android apps to adaptive edge-to-edge layouts with system bar and IME inset handling.
