android - Jetpack 構成 - 列 - 重心

Question

Jetpack Compose でレイアウトを作成していますが、列があります。この列の中央にアイテムが欲しい:

 Column(modifier = ExpandedWidth) {
        Text(text = item.title)
        Text(text = item.description)
 }

Answer 1

これは、compose の最新バージョン (0.1.0-dev05) で行う方法です。

このコンテナ内でテキストを中央に配置するには、LayoutAlign修飾子を使用する必要があります。

Column(modifier = LayoutWidth.Fill + LayoutAlign.Center) {
    Text(text = item.title)
    Text(text = item.description)
}

Answer 2

を使用している場合は、パラメーターを0.1.0-dev09使用して重力または配置の属性を変更できます。horizontalGravityverticalArrangement

@Composable
fun centeredColumn() {
    return Column (
        modifier = Modifier.height(100.dp), 
        horizontalGravity = Alignment.CenterHorizontally, 
        verticalArrangement = Arrangement.Center
    ) {
            Image(asset = imageResource(id = R.drawable.ic_emojo_logo_white))
            Text(text = stringResource(id = R.string.login_subtitle))
    }
}