如何制作一个适合父母大小的圆形盒子组成android

【问题标题】：How to make a circle shaped box which fits parent size compose android如何制作一个适合父母大小的圆形盒子组成android
【发布时间】：2021-09-13 04:01:58
【问题描述】：

我想制作一个圆形的文字，它会填满屏幕上所有可用的内容，但仍然是一个圆形。这是我为组件编写的代码。

    Box(modifier = modifier
        .padding(4.dp)
        .fillMaxSize()
        .clip(CircleShape),
        contentAlignment = Alignment.Center
    ) {
        Text(text = "hello", modifier = Modifier.fillMaxSize().background(Color.Yellow))
}

这不是我想要的结果。关于如何实现这一目标的任何想法？

【问题讨论】：

标签： android android-jetpack-compose

【解决方案1】：

您可以应用aspectRatio(1f) 修饰符以使height = width 在Box 中。

类似：

Box(modifier = Modifier
    .padding(4.dp)
    .fillMaxSize()
    .aspectRatio(1f)
    .background(Color.Blue, shape = CircleShape),
    contentAlignment = Alignment.Center
) {
    Text(text = "hello", color= Yellow,   textAlign = TextAlign.Center)
}

如果您想更好地控制可组合的文本，您还可以查看this question。

【讨论】：