Jetpack Compose 开关切换高度

Question

I have a white Switch on white background. The default switch toggle elevation seems to be to low which results in the toggle blending with the switch and background. I know there is Modifier.shadow that can be applied to modifier, however Switch does not expose the toggle view and its modifier (as far as I figured). So is there a way to control the elevation in such a case?

This is what I want to achieve.

Answer 1

I had the same problem, but there's no easy solution for adding elevation without creating a custom composable. My solution was to change the Switch colors so it doesn't blend into the background. You can do that by modifying the SwitchDefaults.colors , and in the simplest case, you just need to use a different uncheckedThumbColor (in my case, I changed it to a light blue-grey color):

        Switch(
            ...
            colors = SwitchDefaults.colors(
                uncheckedThumbColor = BlueGrey50
            )
            ...
        )

where val BlueGrey50 = Color(0xFFeceff1)