Jetpack Compose Box控件

Box控件其实就是FrameLayout。默认情况下，后面的内容会覆盖前面的内容。

@Composable
@Preview
fun BoxUI() {

    Box(){
        Text(text = "text1", modifier = Modifier.background(Color.Yellow).size(200.dp,200.dp))
        Text(text = "text2",modifier = Modifier.background(Color.Green).size(100.dp,100.dp))
    }
}

默认效果就是这样，后面的内容覆盖在前面的内容上，起点是左上角。

可以通过属性跳转子控件的位置：

Box( contentAlignment = Alignment.Center){
        Text(text = "text1", modifier = Modifier.background(Color.Yellow).size(200.dp,200.dp))
        Text(text = "text2",modifier = Modifier.background(Color.Green).size(100.dp,100.dp))
    }

还是比较简单的，显得这篇文章很水。。。