72 lines
2.3 KiB
Kotlin
72 lines
2.3 KiB
Kotlin
package co.electriccoin.zcash.ui.design.component
|
|
|
|
import androidx.compose.foundation.clickable
|
|
import androidx.compose.foundation.interaction.MutableInteractionSource
|
|
import androidx.compose.foundation.layout.Spacer
|
|
import androidx.compose.foundation.layout.fillMaxWidth
|
|
import androidx.compose.foundation.layout.width
|
|
import androidx.compose.material3.Switch
|
|
import androidx.compose.runtime.Composable
|
|
import androidx.compose.runtime.remember
|
|
import androidx.compose.ui.Modifier
|
|
import androidx.compose.ui.semantics.Role
|
|
import androidx.constraintlayout.compose.ConstraintLayout
|
|
import androidx.constraintlayout.compose.Dimension
|
|
import co.electriccoin.zcash.ui.design.theme.ZcashTheme
|
|
|
|
@Composable
|
|
fun SwitchWithLabel(
|
|
label: String,
|
|
state: Boolean,
|
|
onStateChange: (Boolean) -> Unit,
|
|
modifier: Modifier = Modifier
|
|
) {
|
|
val interactionSource = remember { MutableInteractionSource() }
|
|
|
|
ConstraintLayout(
|
|
modifier = modifier
|
|
.clickable(
|
|
interactionSource = interactionSource,
|
|
indication = null, // disable ripple
|
|
role = Role.Switch,
|
|
onClick = { onStateChange(!state) }
|
|
)
|
|
.fillMaxWidth()
|
|
) {
|
|
val (text, spacer, switchButton) = createRefs()
|
|
Body(
|
|
text = label,
|
|
modifier = Modifier.constrainAs(text) {
|
|
top.linkTo(parent.top)
|
|
bottom.linkTo(parent.top)
|
|
start.linkTo(parent.start)
|
|
end.linkTo(spacer.start)
|
|
width = Dimension.fillToConstraints
|
|
}
|
|
)
|
|
Spacer(
|
|
modifier = Modifier
|
|
.width(ZcashTheme.dimens.spacingDefault)
|
|
.constrainAs(spacer) {
|
|
top.linkTo(parent.top)
|
|
bottom.linkTo(parent.top)
|
|
start.linkTo(text.end)
|
|
end.linkTo(switchButton.start)
|
|
}
|
|
)
|
|
Switch(
|
|
checked = state,
|
|
onCheckedChange = {
|
|
onStateChange(it)
|
|
},
|
|
modifier = Modifier.constrainAs(switchButton) {
|
|
top.linkTo(parent.top)
|
|
bottom.linkTo(parent.top)
|
|
start.linkTo(spacer.end)
|
|
end.linkTo(parent.end)
|
|
width = Dimension.wrapContent
|
|
}
|
|
)
|
|
}
|
|
}
|