title: Jetpack Compose align Text content to center of the Scaffold
body: <p><strong>My Problem:</strong></p>
  <p>I want to place my Text() content to center of the page in Scaffold.</p>
  <p>I tried &quot;textAlign = TextAlign.Center&quot; - It align the text in horizontal area alone. Not align the text in vertical area.</p>
  <p><strong>My code:</strong></p>
  <pre><code>@Composable
  fun ScaffoldWithTopBar() {
      Scaffold(
          topBar = {
              TopAppBar(
                  title = {
                      Text(text = &quot;Top App Bar&quot;)
                  },
                  navigationIcon = {
                      IconButton(onClick = {}) {
                          Icon(Icons.Filled.ArrowBack, &quot;backIcon&quot;)
                      }
                  },
                  backgroundColor = MaterialTheme.colors.primary,
                  contentColor = Color.White,
                  elevation = 10.dp
              )
          }, content = {
              Column(
                  modifier = Modifier
                      .fillMaxSize()
                      .background(Color(0xff8d6e63)),
                  verticalArrangement = Arrangement.Center,
                  horizontalAlignment = Alignment.CenterHorizontally
              ) {
  
              }
              Text(
                  text = &quot;Content of the page&quot;,
                  fontSize = 30.sp,
                  color = Color.White
              )
          })
  }
  </code></pre>
  <p>Note: I haven't place this text into Column. I used directly.</p>
  <p><strong>My output:</strong></p>
  <p><a href="https://i.stack.imgur.com/lACFS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lACFS.png" alt="enter image description here" /></a></p>
  <p><strong>Question:</strong>
  How to place the text into the center of the parent?</p>