skills.rest
hanamizuki
hanamizukiCOMMUNITY
Explore all skills by this author →
Website𝕏@hanamizukiGitHub

edge-to-edge

Migrate Android apps to edge-to-edge UI with insets handling in Jetpack Compose.

127|8|Updated Apr 6, 2026
Search Tags:#android#compose#edge-to-edge#insets#ime#system-bars#ui-compatibility
One-click install
npx skills add https://github.com/hanamizuki/solopreneur --skill edge-to-edge-hanamizuki
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: edge-to-edge
Source: https://github.com/hanamizuki/solopreneur/tree/main/plugins/android-dev/skills/edge-to-edge
Command: npx skills add https://github.com/hanamizuki/solopreneur --skill edge-to-edge-hanamizuki

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Jetpack Compose apps can be obscured by system bars and insets, making UIs non-accessible or hard to use; this skill helps migrate apps to edge-to-edge layouts with proper inset handling and IME compatibility.

Core Features & Use Cases

  • Enable edge-to-edge support across Activities by calling enableEdgeToEdge() and configuring window insets and status/navigation bar handling.
  • Apply safe insets for lists, FABs, and input fields, including IME management, to keep content tappable and legible in both light and dark themes.
  • Use cases include migrating legacy apps, Compose-based UIs, and apps running on devices with gesture navigation or tall system bars.

Quick Start

Enable edge-to-edge across all activities by calling enableEdgeToEdge(), applying proper system insets, and ensuring IME handling as described.

Frequently Asked Questions about edge-to-edge

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

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

To migrate to edge-to-edge in Jetpack Compose, call enableEdgeToEdge() across your activities, set windowSoftInputMode to adjustResize in the manifest, and apply system bar inset strategies to your UI components.

Why does my Compose UI get obscured by system bars and insets?▼

Your Compose UI gets obscured by system bars because it lacks proper inset handling. Migrating to an edge-to-edge layout applies safe insets for content, ensuring UI elements remain tappable and legible behind status and navigation bars.

How do I handle IME and system bars when enabling edge-to-edge on Android?▼

Handle IME and system bars when enabling edge-to-edge by applying safe insets for input fields and lists, and setting windowSoftInputMode to adjustResize to manage keyboard interactions and keep content accessible.

Does edge-to-edge work with gesture navigation and tall system bars?▼

Yes, edge-to-edge works with gesture navigation and tall system bars. Applying adaptive inset strategies ensures your Compose UI remains accessible and properly formatted across different device navigation modes and system bar sizes.

Do I need to set windowSoftInputMode for edge-to-edge migration?▼

Yes, you need to set windowSoftInputMode to adjustResize in the manifest for edge-to-edge migration. This configuration ensures proper IME compatibility so on-screen keyboards do not obscure your input fields and content.

Related Skills

Explore More Software Engineering Skills→
charleshall888charleshall888
1

edge-to-edge

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

Community
Advanced
yash-gargyash-garg

edge-to-edge

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

Community
Advanced
tassiovaletassiovale
13

Expo UI Jetpack Compose

Integrate Jetpack Compose components and Material Design 3 into Expo UI apps.

Community
Intermediate
Kaito-DogiKaito-Dogi

edge-to-edge

Migrate Android Jetpack Compose apps to support edge-to-edge displays.

Community
Intermediate