perf_snippet_19

perf_snippet_19.kt

@Composable
fun StateReadsLowerStateReadsOptimizedScreen(viewModel: TypicalViewModel = hiltViewModel()) {
    ColumnWrapper {
        InputsWrapper(
            nameStateFlow = viewModel.name,
            creditCardNumberStateFlow = viewModel.creditCardNumber,
            onNameEntered = viewModel::onNameEntered,
            onCreditCardNumberEntered = viewModel::onCardNumberEntered
        )
    }
}

@Composable
private fun InputsWrapper(
    nameStateFlow: StateFlow<String>,
    creditCardNumberStateFlow: StateFlow<String>,
    onNameEntered: (value: String) -> Unit,
    onCreditCardNumberEntered: (value: String) -> Unit,
) {
    var count by remember { mutableStateOf(0) }

    NameTextField(nameStateFlow, onNameEntered)
    ..
}

@Composable
private fun NameTextField(
    nameStateFlow: StateFlow<String>,
    onNameEntered: (value: String) -> Unit
) {
    val name by nameStateFlow.collectAsStateWithLifecycle()

    TextField(
        value = name,
        onValueChange = onNameEntered,
        label = { Text("name") },
    )
}