function

class

class

class ApiSingleScreen(private val model: ApiSingleViewModel = ApiSingleViewModel()) : Screen(model) {
    override val title: String = R.string.single_call.resourceToString()

    //for Composer to recognize the class
    @Composable
    override fun compose() {
        super.compose()
    }

    @Composable
    override fun view() {
        Column {
            Text("current value : ${+model.result}")
            SampleTextField("Input value", model.input)
            Button("update") {
                model.onClick()
            }
        }
    }
}

class ApiSingleViewModel(private val api: PreferenceApi = serviceLocator.preferenceApi) : BaseViewModel() {

	//DataFlow will be migrated to MutableSharedFlow. as coroutine-native-mt 1.4.0 is not yet released. I customized Flow.
    val result by lazy { DataFlow<String>() }

    //if result is changed, input also changed.
    val input by add { DataFlow<String>().withSource(result) }


    override fun onInit() {
    	//initStatus is connected with loading, error ui. so, when call api, loading, error ui is shown by the state
        result.load(initStatus) {
            api.getString(KEY) ?: ""
        }
    }

    fun onClick() {
        result.load(status) {
            val text = input.value?: error("please input")
            api.setString(KEY, text)
            text//set changed text after api call is success
        }
    }
}

class