Skip to content

feat(KMP-10): solid-color placeholder screens for the iOS tabs#180

Open
js-jasinski wants to merge 10 commits into
matejdro:mainfrom
js-jasinski:feat/KMP-10-ios-tab-placeholders
Open

feat(KMP-10): solid-color placeholder screens for the iOS tabs#180
js-jasinski wants to merge 10 commits into
matejdro:mainfrom
js-jasinski:feat/KMP-10-ios-tab-placeholders

Conversation

@js-jasinski

Copy link
Copy Markdown

The Problem

On iOS, every tab showed the same plain placeholder, so it wasn't obvious which tab's content was showing or that tab switching worked.

Solution

  • give each iOS tab a distinct full-screen solid-color placeholder with its label
  • Watches = blue, Watchapps = green, Notifications = orange, Tools = purple

Developer Notes

  • iOS-only change; Android is unaffected.
  • The colors are temporary placeholders until the real screens are ported in later work.
  • Each color is mapped per tab via an exhaustive when, so adding/removing a tab is a compile error until handled.
Simulator Screenshot - iPhone 17 - 2026-06-17 at 13 04 45 Simulator Screenshot - iPhone 17 - 2026-06-17 at 13 04 34

…ugin

Introduces a `library-kmp-module` convention plugin in buildSrc so modules can
target Android and iOS with Compose Multiplatform. Uses the AGP
`com.android.kotlin.multiplatform.library` plugin (avoids the
kotlin.android <-> kotlin.multiplatform conflict) and gates iOS targets to macOS.
Converts common-navigation to a Kotlin Multiplatform module via the
library-kmp-module convention.
Converts home/ui to a Kotlin Multiplatform module. All existing code moves to the
Android source set unchanged, and the shared source set is left empty, so iOS
compiles with nothing in it yet.

- switch home/ui to the multiplatform module convention
- move all sources and resources into androidMain, with no code changes
- apply the Metro, KSP and serialization plugins directly
- run showkase and the navigation compiler through kspAndroid
- keep the Accompanist permissions opt-in on the Android source set only
- drop the unused parcelize plugin
Moves the home screen's content and its navigation bar/rail into the shared source
set so the home screen's visuals run on both Android and iOS.

- move HomeScreenContent and the nav bar/rail into commonMain
- make it data-driven over a list of tabs (tab + icon + label) so it no longer
  depends on Android resources
- build that tab list from Android resources in the Android HomeScreen wrapper
- keep the kotlinova screen wrapper, window-size check and previews on Android
- add Compose Multiplatform material3 and foundation to commonMain
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant