如何在Jetpack Compose中设置按钮高度和宽度?

How to Set Button Height and Width in Jetpack Compose?

提问人:Jorpy 提问时间:6/23/2023 最后编辑:Jorpy 更新时间:6/23/2023 访问量:2235

问:

如何在Jetpack Compose中设置按钮高度和宽度?我无法设置按钮的高度和宽度。

Button(onClick = {  },
       modifier =  Modifier.size(width = 80.dp,height = 80.dp)
        ) {
        Text(text = "Lorem")
    }

该按钮占据了整个屏幕。The button takes up the entire screen

android-jetpack-compose 安卓喷气背包

评论


答:

1赞 Kotlin Learner 6/23/2023 #1

您必须使用 ,或任何其他布局。在此处阅读有关布局的更多信息。基本布局来自这里ColumnRow

@Preview(showBackground = true)
@Composable
fun ButtonView() {
    Column(modifier = Modifier.fillMaxSize().background(Color.Yellow)) {
        Button(
            onClick = { },
            modifier = Modifier.size(width = 80.dp, height = 80.dp)
        ) {
            Text(text = "Lorem")
        }
    }
}

输出

enter image description here

评论

1赞 Thracian 6/23/2023
我认为他遇到的问题是将 Modifier.fillmaxSize 作为按钮的父级的 Surface,因为 Surface 强制最小约束来直接子级
0赞 Thracian 6/23/2023
stackoverflow.com/q/74649544/5457853