手机直播源码，实现简单的聊天列表

@Composable<br>fun MessageCard(msg: Message) {<br>Row(modifier = Modifier.padding(all = 8.dp)) {<br>//设置图片<br>Image(<br>painter = painterResource(R.drawable.img),<br>contentDescription = null,<br>modifier = Modifier<br>.size(40.dp)<br>.clip(CircleShape)<br>.border(1.5.dp, MaterialTheme.colors.secondaryVariant, CircleShape)<br>)

设置间距

Spacer(modifier = Modifier.width(8.dp))<br>    // We keep track if the message is expanded or not in this<br>    // variable 消息是否展开的动画<br>    var isExpanded by remember { mutableStateOf(false) }<br>    // We toggle the isExpanded variable when we click on this Column<br>    Column(modifier = Modifier.clickable { isExpanded = !isExpanded }) {<br>        //设置文本属性<br>        Text(<br>            text = msg.author,<br>            color = MaterialTheme.colors.secondaryVariant,<br>            style = MaterialTheme.typography.subtitle2<br>        )<br>        Spacer(modifier = Modifier.height(4.dp))<br>        Surface(<br>            shape = MaterialTheme.shapes.medium,<br>            elevation = 1.dp,<br>        ) {<br>            Text(<br>                text = msg.body,<br>                modifier = Modifier.padding(all = 4.dp),<br>                // If the message is expanded, we display all its content<br>                // otherwise we only display the first line<br>                maxLines = if (isExpanded) Int.MAX_VALUE else 1,<br>                style = MaterialTheme.typography.body2<br>            )<br>        }<br>    }<br>}<br>    // We keep track if the message is expanded or not in this<br>    // variable 消息是否展开的动画<br>    var isExpanded by remember { mutableStateOf(false) }<br>    // We toggle the isExpanded variable when we click on this Column<br>    Column(modifier = Modifier.clickable { isExpanded = !isExpanded }) {<br>        //设置文本属性<br>        Text(<br>            text = msg.author,<br>            color = MaterialTheme.colors.secondaryVariant,<br>            style = MaterialTheme.typography.subtitle2<br>        )<br>        Spacer(modifier = Modifier.height(4.dp))<br>        Surface(<br>            shape = MaterialTheme.shapes.medium,<br>            elevation = 1.dp,<br>        ) {<br>            Text(<br>                text = msg.body,<br>                modifier = Modifier.padding(all = 4.dp),<br>                // If the message is expanded, we display all its content<br>                // otherwise we only display the first line<br>                maxLines = if (isExpanded) Int.MAX_VALUE else 1,<br>                style = MaterialTheme.typography.body2<br>            )<br>        }<br>    }<br>}

以上就是手机直播源码，实现简单的聊天列表，更多内容欢迎关注之后的文章