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)
您可以使用该elevation属性FloatingActionButton
FloatingActionButton(
onClick = { expanded = !expanded },
modifier = Modifier,
elevation = FloatingActionButtonDefaults.elevation(0.dp,0.dp)
){ /* .. */ }
Run Code Online (Sandbox Code Playgroud)
使用elevation中的参数FloatingActionButton。在材料设计中,标高是两个表面之间沿 z 轴的相对距离。阴影使表面高程的差异变得明显。(来源)
您必须传递FloatingActionButtonElevation,它可以使用该方法创建elevation(...)。
FloatingActionButton(
elevation = elevation(
defaultElevation = 0.dp
pressedElevation = 0.dp
),
// ...
) {
// ...
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
8928 次 |
| 最近记录: |