Jetpack Compose でテキストを垂直方向の上、下、中央に揃えるにはどうすればいいですか? 質問する

Jetpack Compose でテキストを垂直方向の上、下、中央に揃えるにはどうすればいいですか? 質問する

composable 関数を使用してテキストをText垂直方向に揃えるにはどうすればよいですか。 を格納するために別のビューを追加せずにこれを行う方法はありますかText

textAlignのパラメータには次Textのオプションのみがあります。

TextAlign.

  • 中心
  • 正当化する
  • 始める
  • 終わり

使用してみましたtextAlign = TextAlign.Centerが、水平方向にのみ中央揃えされます。別のビューにラップせずに垂直方向に中央揃えするにはどうすればよいでしょうか?

Text(
    text = "Text",
    modifier = Modifier.size(100.dp),
    textAlign = TextAlign.Center
)

結果:

結果

私が達成しようとしていること:

私が達成しようとしていること

ベストアンサー1

使用する必要があります親コンテナその中にコンポーザブルを配置します。

例えばBox:

Box( 
    modifier = Modifier.fillMaxSize(),
    contentAlignment = Center
) {
    Text(
        text = "Text",
    )
}

またはColumn:

Column(
    modifier = Modifier.fillMaxSize(),
    verticalArrangement = Arrangement.Center,
    horizontalAlignment = Alignment.CenterHorizontally
) {
    Text(
        text = "Text",
    )
}

おすすめ記事