In which task and step of the codelab can this issue be found?
Step 6: Add a switch - Task #8
Describe the problem
When strictly copied from the codelab, this step produces misaligned Text and Switch composables, even though their parent Row has a verticalAlignement argument. See Screenshot1.
This appears due to the modifier used in the Switch element, passed as an argument in the RoundTheTipRow() function. The modifier, which has a non-zero bottom padding value, is set in the call to the function inside TipTimeLayout().
Using a default modifier, like in the code below, fixes the problem:
[URL of codelab] (https://developer.android.com/codelabs/basic-android-kotlin-compose-calculate-tip)
In which task and step of the codelab can this issue be found? Step 6: Add a switch - Task #8
Describe the problem When strictly copied from the codelab, this step produces misaligned Text and Switch composables, even though their parent Row has a verticalAlignement argument. See Screenshot1.
This appears due to the modifier used in the Switch element, passed as an argument in the RoundTheTipRow() function. The modifier, which has a non-zero bottom padding value, is set in the call to the function inside TipTimeLayout().
Using a default modifier, like in the code below, fixes the problem:
Switch ( checked = roundUp, onCheckedChange = onRoundUpChanged, modifier = Modifier .fillMaxWidth() .wrapContentWidth(Alignment.End) )Steps to reproduce? Follow the codelab up to step 6, task 12, and run the app in an emulator (same results can be seen in preview)
Versions Android Studio version: Android Studio Koala | 2024.1.1 Patch 2 API version of the emulator: Google Pixel 7 Android 14.0 ("UpsideDownCake")
Additional information
I did not check if the solution code provided is correct or contains the same mistake.