jlengrand/compose-multiplatform
1
0
Fork 0
mirror of https://github.com/jlengrand/compose-multiplatform.git synced 2026-03-10 08:11:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert: Fixed layout in Toggles - Align radio buttons.

Browse Source
This commit is contained in:
Roman Sedaikin
2021-01-22 18:52:23 +03:00
parent d109e8d8cf
commit dacee2f144
1 changed files with 15 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
examples/intelliJPlugin/src/main/kotlin/com/jetbrains/compose/widgets/Toggles.kt
View File

@@ -1,11 +1,9 @@
package com.jetbrains.compose.widgets
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.text.KeyboardOptions
import androidx.compose.material.Checkbox
@@ -49,41 +47,26 @@ fun Toggles() {
modifier = Modifier.padding(16.dp)
) {
var selected by remember { mutableStateOf("Kotlin") }
Row {
Row(verticalAlignment = Alignment.CenterVertically) {
RadioButton(selected = selected == "Kotlin", onClick = { selected = "Kotlin" })
Box(
modifier = Modifier.height(30.dp),
contentAlignment = Alignment.CenterStart
) {
Text(
text = "Kotlin",
modifier = Modifier.clickable(onClick = { selected = "Kotlin" }).padding(start = 4.dp)
)
}
Text(
text = "Kotlin",
modifier = Modifier.clickable(onClick = { selected = "Kotlin" }).padding(start = 4.dp)
)
}
Row {
Row(verticalAlignment = Alignment.CenterVertically) {
RadioButton(selected = selected == "Java", onClick = { selected = "Java" })
Box(
modifier = Modifier.height(30.dp),
contentAlignment = Alignment.CenterStart
) {
Text(
text = "Java",
modifier = Modifier.clickable(onClick = { selected = "Java" }).padding(start = 4.dp)
)
}
Text(
text = "Java",
modifier = Modifier.clickable(onClick = { selected = "Java" }).padding(start = 4.dp)
)
}
Row {
Row(verticalAlignment = Alignment.CenterVertically) {
RadioButton(selected = selected == "Swift", onClick = { selected = "Swift" })
Box(
modifier = Modifier.height(30.dp),
contentAlignment = Alignment.CenterStart
) {
Text(
text = "Swift",
modifier = Modifier.clickable(onClick = { selected = "Swift" }).padding(start = 4.dp)
)
}
Text(
text = "Swift",
modifier = Modifier.clickable(onClick = { selected = "Swift" }).padding(start = 4.dp)
)
}
}
}