android - Jetpack Compose：如何禁用 FloatingAction 按钮？

Question

根据文档null，我们可以通过设置来禁用 FAB onClick：

onClick - 将在用户单击此 FAB 时调用。FAB 为空时将被禁用。

当我尝试它时，我偶然发现该onClick参数不可为空，

那么，如何禁用FAB？

标签： androidkotlinfloating-action-buttonandroid-jetpack-compose

Answer 1

目前 ( 1.0.x)FloatingActionButton不支持该enabled属性。

作为解决方法，您可以使用 aButton和CircleShape.

var enabled by remember { mutableStateOf(false) }
Button(
    onClick = { /* do something */},
    modifier = Modifier.defaultMinSize(minWidth = 56.dp, minHeight = 56.dp),
    enabled = enabled,
    shape = CircleShape

){
    Icon(Icons.Filled.Favorite, contentDescription = "Localized description")
}

如果您想使用 aFloatingActionButton您可以执行以下操作：

var enabled by remember { mutableStateOf(false) }


CompositionLocalProvider(LocalRippleTheme provides
        if (enabled)  LocalRippleTheme.current else NoRippleTheme) {
    FloatingActionButton(
        backgroundColor = if (enabled) MaterialTheme.colors.secondary else Gray,
        onClick = { if (enabled) { /* do something */ } else {} },
    ) {
        Icon(Icons.Filled.Favorite,
            contentDescription = "Localized description",
        tint = if (enabled)
            LocalContentColor.current.copy(alpha = LocalContentAlpha.current)
        else DarkGray)
    }
}

和：

private object NoRippleTheme : RippleTheme {
    @Composable
    override fun defaultColor() = Color.Unspecified

    @Composable
    override fun rippleAlpha(): RippleAlpha = RippleAlpha(0.0f, 0.0f, 0.0f, 0.0f)
}