If you have felt the frustration with Play Store rejections for RSB, PositionIndicator, Clipping or ...

# compose-wear

[yschimke]

If you have felt the frustration with Play Store rejections for RSB, PositionIndicator, Clipping or Splashscreens, @Garan Jenkin and I updated the ComposeStarter sample to use the latest Horologist APIs. This is Horologist 0.5.23 which is based on Wear Compose 1.3 which is stable. https://github.com/android/wear-os-samples/blob/main/ComposeStarter/app/src/main/j[…]le/android/wearable/composestarter/presentation/MainActivity.kt

[yschimke]

starter.mp4

starter.mp4

[yschimke]

The hope is APIs like AppScaffold and ScreenScaffold will go into M3.

[yschimke]

Walking through some key bits

[yschimke]

AppScaffold {
            SwipeDismissableNavHost(navController = navController, startDestination = "menu") {
                composable("menu") {
                    GreetingScreen("Android", onShowList = { navController.navigate("list") })
                }
                composable("list") {
                    ListScreen()
                }
            }
        }

[yschimke]

This sets up an AppScaffold with a default TimeText you can override above the NavHost. Then uses regular wear compose navigation for each screen.

[yschimke]

@Composable
fun ListScreen() {
    val columnState = rememberResponsiveColumnState(...)

    ScreenScaffold(scrollState = columnState) {
        /*
         * The Horologist [ScalingLazyColumn] takes care of the horizontal and vertical
         * padding for the list, so there is no need to specify it, as in the [GreetingScreen]
         * composable.
         */
        ScalingLazyColumn(
            columnState = columnState,
            modifier = Modifier
                .fillMaxSize()
        ) {
            item {
                ResponsiveListHeader(contentPadding = firstItemPadding()) {
                    Text(text = "Header")
                }
            }
            item {
...
            }
        }
    }
}

[yschimke]

This creates a safe ScalingLazyColumn state based on factors like the screen size. Then uses ScreenScaffold to make sure that the AppScaffold TimeText scrollAway uses this state.

[yschimke]

It also adds a default PositionIndicator for the state.

[yschimke]

The ScalingLazyColumn override handles RSB, focus, layout and the TimeText will be placed correctly to scroll away avoiding the content.

[yschimke]

Horologist 0.6.x is on Wear Compose 1.4 alpha, and have a lot more API churn. But 0.5.x should be a safe choice and remove a lot of frustration.

[yschimke]

As discussed in https://kotlinlang.slack.com/archives/C02GBABJUAF/p1709660514358189?thread_ts=1709652843.982079&cid=C02GBABJUAF it also extends to handling HorizontalPager correctly.

[bod]

Any idea why I get a white screen glitch when swiping to dismiss? Just checked out the project and ran it without touching any of the code:

wear.webm

[bod]

(also here's the preview I'm seeing - to be fair, I'm on AS Canary)

[yschimke]

Try zooming in to 1:1?

[yschimke]

You can also view with other ways in the toolbar.

[yschimke]

I can check tomorrow on the white flashing. The background Scrim defaults to Black. Not white. But not sure if it's something to do with the platform back support?

[yschimke]

I don't get it on API 30 emulator, so I'm going to guess it's something messed up with the emulator API 33, system back support?

[yschimke]

Feel free to raise a bug, or I'll ask tomorrow.

[bod]

Try zooming in to 1:1?

That worked ✅

[bod]

And indeed I'm on a 33 emulator

[bod]

For the white flashing, I can open an issue - did you mean on the wear-os-samples repo or somewhere else?

[yschimke]

Either. More direct is androidx wear compose issues.

[yschimke]

From https://developer.android.com/jetpack/androidx/releases/wear-compose

[yschimke]

Click feedback button

[bod]

there you go

[yschimke]

cc @stevebower I can see there is code for this, but I don't understand if it's really meant to be happening, or why its white.

[yschimke]

https://cs.android.com/androidx/platform/frameworks/support/+/cfeb79aea228f03346b7f837340e3d022c0f29cc

[yschimke]

private val FLASH_COLOR = Color.White

[stevebower]

Thanks for raising the ticket - we will investigate.