モケラ

Tech Sheets

mokelab

アプリでScaffold Composableを使ってみる

最終更新日:2022-05-09

Googleのサンプルを参考に、アプリで Scaffold を使ってみます。

MyAppを作る

アプリ全体の設定を担当する MyApp Composableを作ります。

@Composable
fun MyApp() {
    ComposeAppTheme {
        Scaffold {
            MainScreen()
        }
    }
}

この中で Scaffold を呼びます。コンテンツ部分にはメイン画面を表す MainScreen を表示することにします。

MyAppを使う

MyApp はアクティビティの setContent で使います。

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

一覧に戻る