Android Jetpack Compose 使用Column達成 垂直 水平 置中(附程式碼)

先使用Column將內容包起來
import androidx.compose.foundation.layout.Column
Column(){
}
將Column最大化:
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.ui.Modifier
modifier = Modifier.fillMaxSize(),
垂直置中:
import androidx.compose.foundation.layout.Arrangement
verticalArrangement = Arrangement.Center, 
水平置中:
import androidx.compose.ui.Alignment
horizontalAlignment = Alignment.CenterHorizontally
完整程式碼:
Column(
modifier = Modifier.fillMaxSize(),// 最大化
verticalArrangement = Arrangement.Center, // 垂直置中
horizontalAlignment = Alignment.CenterHorizontally // 水平置中
)
{
Text(text = "Ruyut.com")
}

執行畫面:

Github gist:

留言