Jetpack Compose 寫toggle button
时间: 2023-06-17 11:04:17 浏览: 169
toggle button
5星 · 资源好评率100%
可以使用 `Switch` 组件来实现 `toggle button` 的效果。
示例代码如下:
```kotlin
import androidx.compose.foundation.layout.*
import androidx.compose.material.*
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
@Composable
fun ToggleButton() {
var checked by remember { mutableStateOf(false) }
Switch(
checked = checked,
onCheckedChange = { checked = it },
modifier = Modifier.padding(16.dp)
)
}
```
使用 `mutableStateOf` 来保存 `checked` 状态,然后将其传递给 `Switch` 组件的 `checked` 属性,同时使用 `onCheckedChange` 属性来监听状态变化。最后使用 `Modifier.padding` 属性来设置组件的边距。
阅读全文