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))    // 每条消息后留空
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容