作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在 XML 中,我们可以制作 2 种大小(常规和 mini)的 float 操作按钮,如下所示
<com.google.android.material.floatingactionbutton.FloatingActionButton
...
app:fabSize="mini"/>
我的问题是如何在 Compose
中制作 mini fab 作为 FloatingActionButton
实现如下(没有大小参数)
@Composable
fun FloatingActionButton(
onClick: (() -> Unit)?,
modifier: Modifier! = Modifier,
interactionSource: MutableInteractionSource! = remember { MutableInteractionSource() },
shape: Shape! = MaterialTheme.shapes.small.copy(CornerSize(percent = 50)),
backgroundColor: Color! = MaterialTheme.colors.secondary,
contentColor: Color! = contentColorFor(backgroundColor),
elevation: FloatingActionButtonElevation! = FloatingActionButtonDefaults.elevation(),
content: (@Composable () -> Unit)?
): Unit
最佳答案
正如您在 FAB 实现中看到的那样,它设置了默认大小。如果您想更改 FAB 大小,我认为唯一的方法是使用 Modifier.size(40.dp)
。
FloatingActionButton(
modifier = Modifier.size(40.dp), // 40 is a mini-fab
onClick = { }
) {
Icon(imageVector = Icons.Filled.Add, contentDescription = null)
}
关于android - 如何在 Jetpack Compose 中制作迷你工厂,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71932903/
我是一名优秀的程序员,十分优秀!