--- 縦画面で起動する ---
onCreate Called
onStart Called
onResume Called
--- 横画面にする（変数に保存していたデータは破棄される） ---
onPause Called
onStop Called
onDestroy Called
onCreate Called
onStart Called
onResume Called
--- 再び縦画面に戻す（変数に保存していたデータは破棄される） ---
onPause Called
onStop Called
onDestroy Called
onCreate Called
onStart Called
onResume Called
--- ホームに戻る（アプリは終了させない） ---
onPause Called
onStop Called
--- 再び開く（初回起動ではない）（変数に保存していたデータが引き継がれている） ---
onRestart Called
onStart Called
onResume Called
--- アプリプロセスを終了する ---
onPause Called
onStop Called
---------------------------- PROCESS ENDED (27840) for package com.example.dessertclicker ----------------------------

onPause Called

onResume Called

// 親のレイアウトから呼び出されるコード。値の入力を受け付けるインプットの実装部分
@Composable
fun EditNumberField(modifier: Modifier = Modifier) {
    Log.d("MainActivity", "EditNumberField")

    var amountInput by remember { mutableStateOf("") }
    TextField(
        value = amountInput,
        onValueChange = { amountInput = it },
        modifier = modifier
    )
}

data class GameUiState(
    val currentScrambledWord: String = "",
    val score: Int = 0,
)

class GameViewModel : ViewModel() {
    private val _uiState = MutableStateFlow(GameUiState())
    // バッキングプロパティとして、オブジェクト自体ではなくゲッターから返す。
    val uiState: StateFlow<GameUiState> = _uiState.asStateFlow() // asStateFlow()によって読み取り専用になる

    // UI Stateのデータクラスには入らないが、ViewModelで管理したいState。
    // リアルタイムでユーザーがInputに入力した値を保持する。
    // UIの表示に更新や、ゲームロジック（正解判定）に利用する。
    var userGuess by mutableStateOf("")
        private set

    init {
       resetGame()
    }

    // ViewModelで管理しているStateを、UI側から更新する指示を出すためのメソッド。
    // UI側から直接値を書き換えずに、ViewModelクラスに変更させる（なのでusewGuessはprivate set）
    fun updateUserGuess(userInput: String) {
        userGuess = userInput
    }

    // publicとして公開し、UI側から呼ばれる。ゲームロジックメソッドもViewModelに書かれる。
    fun resetGame() {
       _uiState.value = GameUiState(currentScrambledWord = 新しいワードを決めるprivateメソッド())
    }

    // UIからsubmitボタンを押した際に呼ばれる。
    // _uiState.updateで、copyから新オブジェクトを作っている点に注目
    fun checkUserGuess() {
        if (userGuessが正解だったら) {
            _uiState.update { currentState -> currentState.copy(
                currentScrambledWord = 新しいワードを決めるprivateメソッド(),
                score = currentState.score.plus(正解ごとの加算量))
            }
            updateUserGuess("") // userGuessを空にする（次の問題に進むので）
        } else {
        }
    }

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

@Composable
// 引数としてGameViewModelを定義
// GameScreen()のみがステートフルな関数
fun GameScreen(
    gameViewModel: GameViewModel = viewModel()
) {
    // ViewModelのインスタンスから、collectAsState()を利用してuiStateにアクセスする
    val gameUiState by gameViewModel.uiState.collectAsState()

    Column(
    ) {
        GameLayout(
            currentScrambledWord = gameUiState.currentScrambledWord,
            userGuess = gameViewModel.userGuess,
            onUserGuessChanged = { gameViewModel.updateUserGuess(it) },
            onKeyboardDone = { gameViewModel.checkUserGuess() },
} // GameScreen()

// ステートレスな関数
@Composable
fun GameLayout(
    currentScrambledWord: String,
    onUserGuessChanged: (String) -> Unit,
    userGuess: String,
    onKeyboardDone: () -> Unit,
    ...略...
            Text( // 問題の表示
                text = currentScrambledWord
            )
            OutlinedTextField( // ユーザーの入力受付
                value = userGuess,
                onValueChange = onUserGuessChanged,
                keyboardActions = KeyboardActions(
                    onDone = { onKeyboardDone() }
                )
            }
} // GameLayout()

enum class CupcakeScreen() {
    Start,
    Flavor,
    Pickup,
    Summary
}

@Composable
fun CupcakeApp( // このコンポーザブルがMainActivityのonCreate()の中で呼ばれている
    viewModel: OrderViewModel = viewModel(),
    navController: NavHostController = rememberNavController(),
    modifier: Modifier = Modifier
) {
    Scaffold(
        // topBarを省略
    ) { innerPadding ->
        val uiState by viewModel.uiState.collectAsState()
        // ↓ここからNavHost！
        NavHost(
            navController = navController, // 移動を担当するnavControllerを保持する
            startDestination = CupcakeScreen.Start.name, // 最初の画面
            modifier = modifier.padding(innerPadding)
        ) {
            // 以下のようにcomposableを並べる
            composable(route = CupcakeScreen.Start.name) { // composable() 関数は NavGraphBuilder の拡張関数
                StartOrderScreen(
                    // ...省略...（コンポーザブルが必要とする引数を渡す）
                    onNextButtonClicked = {
                        viewModel.setQuantity(it) // 次へボタンが押された際にviewModelを変更しつつ、
                        navController.navigate(CupcakeScreen.Flavor.name) // navControllerを介して画面遷移
                    }
                )
            }
            composable(route = CupcakeScreen.Flavor.name) {
                SelectOptionScreen(
                    onNextButtonClicked = { navController.navigate(CupcakeScreen.Pickup.name) },
                    onCancelButtonClicked = { cancelOrderAndNavigateToStart(viewModel, navController ) },
                    onSelectionChanged = { viewModel.setFlavor(it) } // ここではNextボタンが押されたタイミングではなく、ラジオボタンが変更されたタイミングでviewModelを操作している
                )
            }
...省略...
}

// 一番最初まで戻る関数。「キャンセルボタン」（戻るではなく）が呼ばれた際に発火。
private fun cancelOrderAndNavigateToStart(
    viewModel: OrderViewModel,
    navController: NavHostController
) {
    viewModel.resetOrder()
    navController.popBackStack(CupcakeScreen.Start.name, inclusive = false)
}

@Composable
fun CupcakeApp( // このコンポーザブルがMainActivityのonCreate()の中で呼ばれている
    viewModel: OrderViewModel = viewModel(),
    navController: NavHostController = rememberNavController(),
    modifier: Modifier = Modifier
) {
    val backStackEntry by navController.currentBackStackEntryAsState()
    val currentScreen = CupcakeScreen.valueOf(
        backStackEntry?.destination?.route ?: CupcakeScreen.Start.name
    ) // 型はCupcakeScreen（自作したenum）
    Scaffold(
        topBar = {
            CupcakeAppBar(
                currentScreen = currentScreen, // バーのタイトル表示に利用
                canNavigateBack = navController.previousBackStackEntry != null, // 戻る場所（バックスタック）があるときのみ表示する
                navigateUp = { navController.navigateUp() } // これだけで前に戻れる
            )
        }
    )