如何在android Jetpack Compose中将文本布局从屏幕中心到下方对齐

How to align the text layouts from center of the screen to below in android Jetpack Compose

提问人:Techchai Mobile 提问时间:11/18/2023 最后编辑:Techchai Mobile 更新时间:11/18/2023 访问量:27

问:

我正在尝试构建如下图中提到的布局。我有全屏背景图像,想从设备中心到下方显示文本。文本是动态文本。

我尝试使用以下代码,但无法实现精确的布局

Scaffold() {
    Box() {
       Image() //full screen background 
    }
    Column(verticalArrangment = Arrangment.Center) {
      Text()
      Text()
      Text()
      Text()
      Text()
      Text()
    }
}

enter image description here

安卓 android-jetpack-compose

评论


答:

0赞 JanItor 11/18/2023 #1

您可以将 2 个带有修饰符的可组合项放入 .底部可组合项是带有可组合项的可组合项。这里的顶级可组合项是 ,但如果需要,可以用其他东西替换,只需保持修饰符具有相同的值即可。weight(1f)ColumnColumnTextSpacerweight

    Column(modifier = Modifier.fillMaxSize()) {
        Spacer(modifier = Modifier.fillMaxSize().weight(1f))
        Column(
            modifier = Modifier.fillMaxSize().weight(1f),
            verticalArrangement = Arrangement.Top,
            horizontalAlignment = Alignment.CenterHorizontally,
        ) {
            Text("Title1")
            Text("Description")
            Text("Description")
        }
    }

enter image description here