我正試圖建立以下組件,
以下是我的代碼,
Button(onClick = { /*TODO*/ }, modifier = Modifier.fillMaxWidth() {
Image(painter = painterResource(id = R.drawable.ic_check_circle) , contentDescription = ""/span>)
Text(text = "John Doe", textAlign = TextAlign.Start)
圖片(painter = painterResource(id = R.drawable.ic_arrow_forward), contentDescription = "",
對齊 = Alignment.TopEnd)
}
uj5u.com熱心網友回復:
你可以使用Spacer:
Modifier.width(10.dp)將給你提供靜態尺寸。Modifier.weight(1f))將填補所有可用空間。
Button(onClick = { /*TODO*/ }, modifier = Modifier.fillMaxWidth() ) {
Image(painter = painterResource(id = R.drawable.ic_undo) , contentDescription = ""/span>)
Spacer(modifier = Modifier.width(10.dp)
Text(text = "John Doe"/span>)
Spacer(modifier = Modifier.weight(1f)
Image(painter = painterResource(id = R.drawable.ic_redo), contentDescription = "" /span>)
}
結果:

uj5u.com熱心網友回復:
用一個Row包裹你的按鈕組成函式內的組件,并將horizontalArrangement設定為Arrangement.SpaceBetween。請看下面你的代碼片段的修改版本。
Button(onClick = { /*TODO*/ }, modifier = Modifier.fillMaxWidth() ) {
Row(modifier = Modifier
.align(alignment = Alignment.CenterVertically)
.fillMaxWidth(0.9f)) {
Image(painter = painterResource(id = R.drawable.ic_baseline_subject_24)。
contentDescription = "", alignment = Alignment.CenterStart)
Spacer(modifier = Modifier.width(10.dp)
Text(text = "John Doe", textAlign = TextAlign.Start, modifier = Modifier.align(alignment = Alignment.CenterVertically))
}
Image(painter = painterResource(id = R.drawable.ic_baseline_subject_24) 。
contentDescription = "")
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/333709.html
標籤:
下一篇:擬合不同尺寸的影像

