提问人:Techchai Mobile 提问时间:11/18/2023 最后编辑:Techchai Mobile 更新时间:11/18/2023 访问量:27
如何在android Jetpack Compose中将文本布局从屏幕中心到下方对齐
How to align the text layouts from center of the screen to below in android Jetpack Compose
问:
我正在尝试构建如下图中提到的布局。我有全屏背景图像,想从设备中心到下方显示文本。文本是动态文本。
我尝试使用以下代码,但无法实现精确的布局
Scaffold() {
Box() {
Image() //full screen background
}
Column(verticalArrangment = Arrangment.Center) {
Text()
Text()
Text()
Text()
Text()
Text()
}
}
答:
0赞
JanItor
11/18/2023
#1
您可以将 2 个带有修饰符的可组合项放入 .底部可组合项是带有可组合项的可组合项。这里的顶级可组合项是 ,但如果需要,可以用其他东西替换,只需保持修饰符具有相同的值即可。weight(1f)
Column
Column
Text
Spacer
weight
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")
}
}
评论