Android Compose 每日知识点 :Spacer组件

概念：是一个不绘制任何内容、仅用于占据空间的 Composable （类似 Flutter sizeBox 组件,鸿蒙中的blank()）

1 固定间距：按钮底部留白

Column (modifier.fillMaxSize().background(Color.Blue)){
        Text(text = "1111", color = Color.Red)
        Text(text = "2222",color = Color.Yellow)
        Spacer(modifier = modifier.height(15.dp))
        Text(text = "3333",color = Color.Cyan)
    }

2. 动态权重：左右两端对齐

  Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(80.dp),
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        Button(onClick = { /*TODO*/ }) {
            Text("立即登录")
        }
        Spacer(Modifier.height(16.dp).weight(1.0f))        // 留白
        Text(
            "还没有账号？去注册",
            style = MaterialTheme.typography.bodySmall,
            color = Color.Red
        )
    }

3. 列表分隔线：代替 Divider 的透明区

LazyColumn {
    items(messages) { msg ->
        MessageCard(msg)
        Spacer(Modifier.height(8.dp))    // 每条消息后留空
    }
}