两个Greeting中间如何空上一行

admin

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高的空白间隔。