Skip to content

Add Adaptive Layout / Large Screen support demo#211

Open
dipenpradhan wants to merge 12 commits into
Gurupreet:masterfrom
dipenpradhan:issue-190-adaptive
Open

Add Adaptive Layout / Large Screen support demo#211
dipenpradhan wants to merge 12 commits into
Gurupreet:masterfrom
dipenpradhan:issue-190-adaptive

Conversation

@dipenpradhan

@dipenpradhan dipenpradhan commented Jun 7, 2026

Copy link
Copy Markdown

Summary

Adds an Adaptive Layout / Large Screen demo, as proposed in #190.

New "Adaptive UI (Large screens)" entry on the home screen launches AdaptiveUIActivity, which demonstrates:

  • NavigationSuiteScaffold (material3-adaptive-navigation-suite) — automatically renders a bottom NavigationBar on compact phones, a NavigationRail on medium windows, and adapts for expanded windows
  • ListDetailPaneScaffold (material3.adaptive:adaptive-layout + adaptive-navigation) — albums list/detail: single pane with back navigation on phones, two-pane side-by-side on tablets/foldables/desktop windows; rememberListDetailPaneScaffoldNavigator handles pane navigation and predictive back
  • currentWindowAdaptiveInfo().windowSizeClass — the Favorites/Profile destinations display the live window width/height size classes so resizing (multi-window, foldable posture) is observable

All four adaptive artifacts are version-managed by the Compose BOM (no new version constants). Dark mode follows the existing theme plumbing.

Acceptance criteria from #190

  • NavigationSuiteScaffold switches navigation component based on window size class
  • ListDetailPaneScaffold shows a two-pane layout on tablets
  • Works single-pane on phones (with back handling), two-pane on large/hinge-aware windows (pane logic delegated to the official adaptive library)
  • Dark mode support

Closes #190

Verification

  • ./gradlew ktfmtCheck assembleDebug testDebugUnitTest passes locally (JDK 17, SDK 35)
  • CI ./gradlew build on this PR

Merge order

PR 11 of the stacked series. Depends on #195 → … → #210 — its diff includes their commits until they merge.

🤖 Generated with Claude Code

cc @Gurupreet for review

dipen and others added 12 commits June 6, 2026 15:57
@claude
refactor: migrate Room annotation processing from KAPT to KSP
561f734 
- Replace kotlin-kapt with com.google.devtools.ksp in the app module
  and the common-kotlin convention plugin
- Add Room compiler via the ksp configuration instead of kapt
- Drop the kapt { correctErrorTypes = true } workaround
- Add symbol-processing-gradle-plugin (1.9.22-1.0.17) to buildSrc

Fixes Gurupreet#184

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@claude
feat: upgrade Kotlin to 2.1.20 with the K2 compiler
516a461 
- Bump kotlin-gradle-plugin 1.9.22 -> 2.1.20 (root + buildSrc)
- Adopt the new Compose Compiler Gradle plugin
  (org.jetbrains.kotlin.plugin.compose) in app and convention plugins
- Drop composeCompiler version constant and composeOptions blocks
- Replace removed -Xopt-in flag with -opt-in
- Bump KSP to 2.1.20-1.0.31 to match Kotlin

Fixes Gurupreet#182

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@claude
style: bump ktfmt-gradle to 0.22.0 and reformat
0279224 
ktfmt-gradle 0.12.0 fails with 'Generic error during file processing'
once Kotlin 2.x is on the buildscript classpath. 0.22.0 supports
Kotlin 2.x and also formats *.kts build scripts, hence the repo-wide
reformat (no functional changes).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@claude
feat: bump compileSdk and targetSdk to 35 (Android 15)
d45b54d 
- AGP 8.2.2 -> 8.7.3 (compileSdk 35 supported from AGP 8.6)
- Gradle wrapper 8.5 -> 8.9 (required by AGP 8.7.x)

Fixes Gurupreet#185

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@claude
feat: adopt the Compose BOM (2024.12.01) for unified version management
0323bca 
- Replace compose/material3 version constants with composeBom
- Strip explicit versions from BOM-managed artifacts
- Import the BOM platform on every configuration that receives
  Compose artifacts (implementation, debugImplementation,
  androidTestImplementation, :data)
- Migrate API removals that come with Compose 1.7 / Material3 1.3:
  SmallTopAppBar -> TopAppBar, rememberRipple -> material3 ripple
- Update the outdated README Compose badge to the BOM version

Fixes Gurupreet#186

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@claude
feat: upgrade AndroidX Lifecycle to 2.8.7
b3e191b 
All lifecycle artifacts (viewmodel-compose, viewmodel-ktx,
livedata-ktx, runtime-ktx, viewmodel-savedstate) move together
via the shared androidLifecycleGrouped version.

Fixes Gurupreet#192

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@claude
feat: upgrade Navigation Compose to 2.8.9 with type-safe routes
afc9f0b 
- navCompose 2.7.7 -> 2.8.9; add kotlinx-serialization-json 1.8.0
- Apply the Kotlin serialization plugin in gmail and tiktok demos
- Gmail: string routes -> @serializable route objects
- TikTok: TikTokScreen becomes a serializable sealed interface;
  the profile route carries a typed userId argument read via
  toRoute(), bottom bar selection uses NavDestination.hasRoute

Fixes Gurupreet#193

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@claude
refactor: migrate from ExoPlayer 2.x to AndroidX Media3 1.5.1
1ade1c9 
- Replace com.google.android.exoplayer:exoplayer with
  androidx.media3:media3-exoplayer and media3-ui
- Rewrite TikTokPlayer against the Media3 API (SimpleExoPlayer was
  removed; default media source factory handles asset URIs)
- Removes the last Jetifier warning produced by ExoPlayer 2.x

Fixes Gurupreet#183

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@claude
feat: upgrade Coil to 3.1.0
229d33d 
- Move to the io.coil-kt.coil3 artifact group
- Add coil-network-okhttp (network fetching is a separate artifact
  in Coil 3, self-registered via ServiceLoader)
- Migrate call sites: rememberImagePainter(data=) ->
  rememberAsyncImagePainter(model=), coil.* -> coil3.* imports

Fixes Gurupreet#191

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@claude
feat: implement Pull-to-Refresh demo with Material3 PullToRefreshBox
ffcbcb5 
PullRefreshList was a fully commented-out stub (TODO revisit pull
refresh). It now demonstrates the first-party PullToRefreshBox with
a simulated 1.5s reload that prepends an item to the list.

Fixes Gurupreet#187

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@claude
feat: complete Swipe-to-Dismiss demo with delete/archive actions and …
368f005 
…undo

The Swipeable Lists tab rendered SwipeToDismissBox items but swipes
never removed anything. Now:
- swipe left deletes (red background), swipe right archives
- items are actually removed from the keyed LazyColumn
- an Undo snackbar restores the item at its original position
- positionalThreshold set to half the item width

Fixes Gurupreet#188

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@claude
feat: add adaptive layout / large screen demo
0f14efd 
- NavigationSuiteScaffold switches bottom bar / rail / drawer by
  window size class
- ListDetailPaneScaffold gives single-pane on phones, two-pane on
  tablets and foldables, with predictive-back-aware pane navigation
- Favorites/Profile destinations display the live window size classes
- All adaptive artifacts are version-managed by the Compose BOM

Fixes Gurupreet#190

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@dipenpradhan dipenpradhan mentioned this pull request Jun 7, 2026
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Feature: Add Adaptive Layout / Large Screen support

1 participant

@dipenpradhan