Discuz! BBS

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 92|回复: 0

两个Greeting中间如何空上一行

[复制链接]

313

主题

449

帖子

2824

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2824
发表于 2025-6-10 00:59:23 | 显示全部楼层 |阅读模式
Greeting("Android")
Greeting("Aloha,baby.")
在Jetpack Compose中,如果你想将第二个Greeting组件的位置向下移动一行,你可以使用Modifier的padding、spacing(在垂直布局如Column中使用)或者offset等修饰符来实现。然而,直接在Surface内部放置两个Greeting组件并不会自动换行,因为Surface本身并不提供布局逻辑;它只是一个带有背景、形状等属性的容器。
为了在垂直方向上排列Greeting组件,你应该使用Column布局。Column布局会将其子组件垂直堆叠起来,你可以通过添加间距来控制它们之间的距离。
下面是如何修改你的代码来使用Column并将第二个Greeting组件向下移动一行的示例:

  1. class MainActivity : ComponentActivity() {
  2.     override fun onCreate(savedInstanceState: Bundle?) {
  3.   super.onCreate(savedInstanceState)
  4.   setContent {
  5.     HomebrewTranslationTheme {
  6.     // A surface container using the 'background' color from the theme
  7.       Surface(
  8.         modifier = Modifier.fillMaxSize(),
  9.         color = MaterialTheme.colorScheme.background
  10.       ) {
  11.         Column(
  12.         modifier = Modifier.padding(horizontal = 16.dp), // 可选:添加水平内边距
  13.         verticalArrangement = Arrangement.CenteredVertically or Arrangement.SpacedEvenly, // 可选:垂直对齐和间距
  14.         horizontalAlignment = Alignment.CenterHorizontally // 可选:水平对齐
  15.       ) {
  16.         Greeting("Android")
  17.         Spacer(modifier = Modifier.height(8.dp)) // 添加一个8dp高的空白间隔,相当于一行的高度(可以根据需要调整)
  18.         Greeting("Aloha, baby.")
  19.       }
  20.     }
  21.   }
  22.         }
  23.     }
  24. }
复制代码
但是,请注意,Arrangement.CenteredVertically和Arrangement.SpacedEvenly在这个上下文中可能不是必需的,特别是如果你只想简单地添加一些垂直间距。Spacer组件是用来添加空白间隔的,你可以通过调整其height修饰符来改变间隔的大小。在这个例子中,我使用了8.dp作为间隔高度,但你可以根据需要调整这个值。
如果你只是想简单地添加一行间距,并且不关心对齐方式,你可以简化Column的修饰符,只保留Spacer:

  1. Column {
  2.     Greeting("Android")
  3.     Spacer(modifier = Modifier.height(8.dp)) // 添加一行间距
  4.     Greeting("Aloha, baby.")
  5. }
复制代码
这样,第二个Greeting组件就会被移动到第一个组件的下方,两者之间有一个8dp高的空白间隔。


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|DiscuzX

GMT+8, 2025-7-7 11:01 , Processed in 0.013416 second(s), 18 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表