Enhances toggle switch functionality with customizable options, including switch size, colors, icons, and corner radius. Offers `CustomSwitch` and `SectionSwitchView` components for detailed UI customization.
SwitchView-Compose For CMP it replaced Switch
implementation lastVersion
dependencies {
implementation("io.github.jmseb3:switchView:1.0.0")
}
Column(
horizontalAlignment = Alignment.CenterHorizontally,
verticalArrangement = Arrangement.Center,
modifier = Modifier.fillMaxSize()
) {
val status by rememberSwitchStatus(true)
CustomSwitch(
status,
option = CustomSwitchOption()
)
}
Column(
horizontalAlignment = Alignment.CenterHorizontally,
verticalArrangement = Arrangement.Center,
modifier = Modifier.fillMaxSize()
) {
val status by rememberSwitchStatus(true)
SectionSwitchView(
staus = status,
option = CustomSwitchOption(),
section = "test1",
)
val status2 by rememberSwitchStatus(false)
SectionSwitchView(
staus = status2,
option = CustomSwitchOption(),
section = "test2",
description = "description for test2"
)
}
you can use other Option to change
data class CustomSwitchOption(
/**
* Size of Switch Width
*/
var width: Dp = 72.dp,
/**
* Size of Switch Height
*/
var height: Dp = 40.dp,
/**
* Color of Track
*/
var trackColor: CustomSwitchColor = CustomSwitchColor(
Color(0xFF6200EE),
Color(0xFFe0e0e0)
),
/**
* Color of Thumb
*/
var thumbColor: CustomSwitchColor = trackColor,
/**
* gap Between Thumb <---> TrackEdge
*/
var gapBetweenThumbAndTrackEdge: Dp = 8.dp,
/**
* border width switch outside
*/
var borderWidth: Dp = 2.dp,
/**
* corner Percent of switch
*/
var cornerSize: Int = 50,
/**
* padding of thumbs icon
*/
var iconInnerPadding: Dp = 4.dp,
/**
* thumb icon size
*/
var thumbSize: Dp = 24.dp,
/**
* Thumb Icon When checked
*/
val checkedIcon: Any = Icons.Filled.Done,
/**
* Thumb Icon When unchecked
*/
val unCheckedIcon: Any = Icons.Filled.Close,
/**
* Thumb Icon Tint Color
*/
var iconColor : CustomSwitchColor = CustomSwitchColor(
Color.White,
Color.White
)
) {
fun getIcon(enabled: Boolean) = if (enabled) checkedIcon else unCheckedIcon
}
/**
* Color Class
* @param[checkedColor] color when status true
* @param[unCheckedColor] color when status false
*/
data class CustomSwitchColor(
val checkedColor: Color,
val unCheckedColor: Color,
) {
fun getColor(enabled: Boolean) = if (enabled) checkedColor else unCheckedColor
}
Surfaced from shared tags and platforms — no rankings paid for.