skills.rest
charleshall888
charleshall888COMMUNITY
Explore all skills by this author →
WebsiteGitHub

edge-to-edge

Migrates Jetpack Compose apps to edge-to-edge layouts with insets handling.

1|Updated Apr 1, 2026
Search Tags:#android#compose#edge-to-edge#status-bar#navigation-bar#system-bars
One-click install
npx skills add https://github.com/charleshall888/cortex-command --skill edge-to-edge-charleshall888
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: edge-to-edge
Source: https://github.com/charleshall888/cortex-command/tree/main/plugins/android-dev-extras/skills/edge-to-edge
Command: npx skills add https://github.com/charleshall888/cortex-command --skill edge-to-edge-charleshall888

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps Android developers migrate Jetpack Compose apps to edge-to-edge layouts, removing layout clashes with the status and navigation bars and ensuring consistent system bar legibility.

Core Features & Use Cases

  • Enable edge-to-edge across Activities by invoking enableEdgeToEdge() and ensure IME insets are managed
  • Apply correct insets handling to keep interactive elements visible, using scaffolds or window insets to avoid content being obscured
  • Manage navigation and status bar contrast to maintain legible icons across themes and devices

Quick Start

Enable edge-to-edge across activities, apply proper insets, and test across devices.

Frequently Asked Questions about edge-to-edge

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enable edge-to-edge display in my Android Jetpack Compose app?▼

To fix content obscured by the navigation bar in Compose, apply window insets via scaffolds or window insets APIs. Proper edge-to-edge insets handling ensures interactive elements remain visible above the status and navigation bars across devices.

How do I keep my Compose app content from being obscured by system bars?▼

To keep Compose content visible, apply window insets via scaffolds or window insets APIs. Correct insets handling during edge-to-edge migration prevents interactive elements from being obscured by the status and navigation bars.

How do I manage status and navigation bar contrast for edge-to-edge layouts?▼

Manage status and navigation bar contrast by configuring Material components accordingly during edge-to-edge implementation. This maintains legible system bar icons across different themes and devices in your Jetpack Compose app.

Does migrating to edge-to-edge require specific IME handling in Compose?▼

Yes, edge-to-edge migration requires IME handling by setting windowSoftInputMode to adjustResize. This ensures the IME insets are managed correctly so content resizes properly when the keyboard appears.

What is the best way to handle keyboard insets with edge-to-edge in Android Compose?▼

The best way to handle keyboard insets with edge-to-edge is setting windowSoftInputMode to adjustResize and applying window insets via scaffolds. This manages IME insets so content remains visible when the keyboard appears.

Related Skills

Explore More Software Engineering Skills→
tajemniktvtajemniktv
3

edge-to-edge

Configure edge-to-edge support for Jetpack Compose Android apps targeting SDK 35.

Community
Intermediate
yash-gargyash-garg

edge-to-edge

Migrate Jetpack Compose apps to adaptive edge-to-edge layouts with inset handling.

Community
Advanced
uyelikaniluyelikanil

edge-to-edge

Migrate Android Jetpack Compose apps to edge-to-edge layouts with WindowInsets.

Community
Advanced
shirulotshirulot

edge-to-edge

Implement adaptive edge-to-edge display support for Android Jetpack Compose apps.

Community
Advanced