Skip to content
Development
Skill

/android-edge-to-edge

Migrate a Jetpack Compose app to edge-to-edge display and fix system bar inset issues. Use when UI components are obscured by navigation/status bars, fixing IME insets, or enabling edge-to-edge for SDK 35+.

From plugin
agent-skills-standard
583200 skills21 agents33 commands1 MCP

Claude Code

$ npx -y skills add hoangnguyen0403/agent-skills-standard --skill android-edge-to-edge --agent claude-code

SKILL.md

android-edge-to-edge.SKILL.md
name: android-edge-to-edge
description: Migrate a Jetpack Compose app to edge-to-edge display and fix system bar inset issues. Use when UI components are obscured by navigation/status bars, fixing IME insets, or enabling edge-to-edge for SDK 35+.
metadata:
  triggers:
    files:
    - '**/*Activity.kt'
    - '**/*Screen.kt'
    - 'AndroidManifest.xml'
    keywords:
    - edge-to-edge
    - enableEdgeToEdge
    - system bars
    - WindowInsets
    - safeDrawingPadding
    - imePadding
    - status bar
    - navigation bar

Edge-to-Edge Migration

**Priority: P1 (HIGH)**

Structured workflow for migrating a Compose app to edge-to-edge display.

Prerequisites

  • Project **MUST** use Jetpack Compose.
  • Project **MUST** target SDK 35+. If lower, increase `compileSdk` to 35.

Step 1: Plan

1. Locate all Activity classes. For each without `enableEdgeToEdge()`, plan to add it. 2. In each Activity, find all lists, FABs, and text fields that need inset handling. 3. If `TextField`/`OutlinedTextField` is present, plan IME inset handling.

Step 2: Enable edge-to-edge

1. Add `enableEdgeToEdge()` before `setContent` in every `Activity.onCreate`. 2. Add `android:windowSoftInputMode="adjustResize"` in AndroidManifest for Activities with soft keyboard.

Step 3: Apply insets

Choose ONE method per component to avoid double padding:

1. **PREFERRED — Scaffold**: Pass `PaddingValues` to content lambda. 2. **Material 3 components**: Use built-in inset handling (`TopAppBar`, `NavigationBar`, etc.). 3. **Outside Scaffold**: Use `Modifier.safeDrawingPadding()` or `windowInsetsPadding`.

See [inset patterns](references/inset-patterns.md) for RIGHT/WRONG code examples.

Step 4: Handle IME

For Activities with soft keyboard:

  • Set `adjustResize` in manifest (NOT deprecated `SOFT_INPUT_ADJUST_RESIZE`).
  • Add `imePadding()` or `fitInside(WindowInsetsRulers.Ime.current)` to content container.
  • Place `imePadding` BEFORE `verticalScroll()`.

See [inset patterns](references/inset-patterns.md) for IME-specific RIGHT/WRONG patterns.

Step 5: Lists and FABs

  • Apply inset padding to `contentPadding` of `LazyColumn`/`LazyRow`, NOT as `Modifier.padding()` on parent.
  • FABs inside Scaffold are handled automatically. Outside Scaffold, use `safeDrawingPadding()`.

Verification

  • [ ] Every `Activity` calls `enableEdgeToEdge()`.
  • [ ] `adjustResize` set in AndroidManifest for keyboard Activities.
  • [ ] Text fields have IME inset handling.
  • [ ] List items scroll behind system bars via `contentPadding`.
  • [ ] `./gradlew build` succeeds.

Anti-Patterns

  • **No double inset padding**: Never combine `contentWindowInsets = WindowInsets.safeDrawing` with `imePadding()` on the same content — causes double padding when IME opens.
  • **No parent padding on lists**: Apply insets to `contentPadding`, not parent `Modifier.padding()` — parent padding clips scrolling content.
  • **No `SOFT_INPUT_ADJUST_RESIZE`**: Deprecated. Use manifest `adjustResize` attribute.

References

  • [Inset Patterns (RIGHT/WRONG)](references/inset-patterns.md)
Read more
@hoangnguyen0403
Ships withagent-skills-standard

The portable standards layer for AI coding agents. Sync once, then work in your own runtime.

583200 skills21 agents1 MCP
Get the whole plugin

Stars on GitHub

Momentum

stars in total
583
Star history of hoangnguyen0403/agent-skills-standard on GitHub, a chart by star-history.com

Other skills on agent-skills-standard.

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills10d309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc12d293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react1d252k
@facebook@facebookInstall Skill

Questions about android-edge-to-edge.

Which coding agents can use android-edge-to-edge?
android-edge-to-edge installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.