如何删除撰写视图上的阴影?

Nur*_*lov 6 android floating-action-button android-jetpack-compose

我在 android 视图中使用撰写按钮,但底部有一些阴影。我怎样才能删除它?

    @Composable
fun VisibilityAnimationFAB() {
    var expanded by remember { mutableStateOf(true) }
    FloatingActionButton(
        onClick = { expanded = !expanded },
        modifier = Modifier
    ) {
        Row(Modifier.padding(start = 16.dp, end = 16.dp)) {
            Icon(
                vectorResource(id = R.drawable.ic_twitter),
                Modifier.align(Alignment.CenterVertically)
            )
            AnimatedVisibility(
                expanded,
                modifier = Modifier.align(Alignment.CenterVertically)
            ) {
                androidx.compose.material.Text(modifier = Modifier.padding(start = 8.dp), text = "Tweet")
            }
        }
    }

}
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

Gab*_*tti 7

您可以使用该elevation属性FloatingActionButton

FloatingActionButton(
        onClick = { expanded = !expanded },
        modifier = Modifier,
        elevation = FloatingActionButtonDefaults.elevation(0.dp,0.dp)
    ){ /* .. */ }
Run Code Online (Sandbox Code Playgroud)


Noa*_*oah 5

使用elevation中的参数FloatingActionButton。在材料设计中,标高是两个表面之间沿 z 轴的相对距离。阴影使表面高程的差异变得明显。(来源

您必须传递FloatingActionButtonElevation,它可以使用该方法创建elevation(...)

FloatingActionButton(
  elevation = elevation(
    defaultElevation = 0.dp
    pressedElevation = 0.dp
  ),
  // ...
) {
  // ...
}
Run Code Online (Sandbox Code Playgroud)