#65 Jetpack ComposeでToDoアプリを作る - エントリーポイント

2021 / 11 / 4

Jetpack Composeを使うプロジェクトができたので、今回はルートとなるComposableを作ってみます。

今回の構成はJetNewsを参考にしています。

ToDoAppを作る

Jetpack Composeを使うアプリでは、MainActivityのonCreate()内でルートとなるComposable関数を呼ぶことで動作します。setContent { } の中にいろいろ書いても動作しますが、見通しがいまひとつとなるので、ToDoAppというルートとなるComposableを作り、それを呼ぶだけにします。

まずはMainActivity内のコードをお引越しさせます。

@Composable
fun ToDoApp() {
  ComposeToDoTheme {
    // A surface container using the 'background' color from the theme
    Surface(color = MaterialTheme.colors.background) {
      Greeting("Android")
    }
  }
}

そしてMainActivity側では次のようにToDoApp()を呼ぶだけにします。

class MainActivity : ComponentActivity() {
  override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContent {
      ToDoApp()
    }
  }
}

これでJetpack Composeの世界でアプリが作れそうです。

ここまで作業したものはこちらにあります。