Jetpack Compose布局的使用详细介绍

@Composable
fun WidgetGroup() {
    Text(text = "不为往事扰")
    Text(text = "余生只愿笑")
}

@Composable
fun WidgetGroup() {
    Column {
        Text(text = "不为往事扰")
        Text(text = "余生只愿笑")
    }
}

@Composable
fun WidgetGroup() {
    Row {
        Text(text = "不为往事扰")
        Text(text = "余生只愿笑")
    }
}

@Composable
fun WidgetGroup() {
    val image = imageResource(id = R.drawable.header)
    val imageModifier = Modifier
        .preferredHeight(180.dp)
        .fillMaxWidth()
        .clip(RoundedCornerShape(10.dp))
    Column {
        Text(text = "不为往事扰")
        Text(text = "余生只愿笑")
        Spacer(modifier = Modifier.preferredHeight(10.dp))
        Image(asset = image, modifier = imageModifier, contentScale = ContentScale.Crop)
    }
}

  val imageHead=Modifier.preferredSize(50.dp)
        .clip(CircleShape)
   Column(modifier = Modifier.padding(10.dp)){
        Row (verticalAlignment = Alignment.CenterVertically){
            Image(asset = image,modifier = imageHead,contentScale = ContentScale.Crop)
            Spacer(modifier = Modifier.preferredSize(10.dp))
            Column {
                Text(text = "不为往事扰")
                Text(text = "余生只愿笑")
            }
        }
        Spacer(modifier = Modifier.preferredHeight(10.dp))
        Image(asset = image, modifier = imageModifier, contentScale = ContentScale.Crop)
    }

@Composable
fun ScollableWidget() {
    ScrollableColumn(Modifier.fillMaxSize()) {
        for (i in 1..10) {
            WidgetGroup()
        }
    }
}

    LazyColumnFor(items = getUsers()) {
        WidgetGroup(it.userName)
    }
    LazyRowFor(items = getUsers()) {
        WidgetGroup(it.userName)
    }

@Composable
fun <T> LazyColumnFor(
    items: List<T>,  //用来填充列表的数据源
    modifier: Modifier = Modifier, //用来修饰列表的样式
    state: LazyListState = rememberLazyListState(),
    contentPadding: PaddingValues = PaddingValues(0.dp), //用来设置item之间的间距
    horizontalAlignment: Alignment.Horizontal = Alignment.Start,//用来设置对齐位置
    itemContent: @Composable LazyItemScope.(T) -> Unit //用来声明item样式布局
)