/
FooScreen.kt
124 lines (119 loc) · 4.66 KB
/
FooScreen.kt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
/*
* Copyright 2021 Roberto Leinardi.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* https://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
package com.leinardi.template.foo.ui
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.rememberScrollState
import androidx.compose.foundation.verticalScroll
import androidx.compose.material.Button
import androidx.compose.material.OutlinedTextField
import androidx.compose.material.Scaffold
import androidx.compose.material.SnackbarDuration
import androidx.compose.material.Text
import androidx.compose.material.rememberScaffoldState
import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.saveable.rememberSaveable
import androidx.compose.runtime.setValue
import androidx.compose.ui.Modifier
import androidx.compose.ui.res.stringResource
import androidx.compose.ui.text.input.TextFieldValue
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import androidx.hilt.navigation.compose.hiltViewModel
import com.leinardi.template.foo.R
import com.leinardi.template.foo.ui.FooContract.Effect
import com.leinardi.template.foo.ui.FooContract.Event
import com.leinardi.template.foo.ui.FooContract.State
import com.leinardi.template.ui.component.ProgressButton
import com.leinardi.template.ui.component.TopAppBar
import kotlinx.coroutines.channels.Channel
import kotlinx.coroutines.flow.Flow
import kotlinx.coroutines.flow.collect
import kotlinx.coroutines.flow.onEach
import kotlinx.coroutines.flow.receiveAsFlow
@Composable
fun FooScreen(viewModel: FooViewModel = hiltViewModel()) {
FooScreen(
state = viewModel.viewState.value,
sendEvent = { viewModel.onUiEvent(it) },
effectFlow = viewModel.effect,
)
}
@Composable
fun FooScreen(
state: State,
effectFlow: Flow<Effect>,
sendEvent: (event: Event) -> Unit,
modifier: Modifier = Modifier,
) {
val scaffoldState = rememberScaffoldState()
LaunchedEffect(effectFlow) {
effectFlow.onEach { effect ->
when (effect) {
is Effect.ShowSnackbar -> scaffoldState.snackbarHostState.showSnackbar(
message = effect.message,
duration = SnackbarDuration.Short
)
}
}.collect()
}
var textFieldValue by rememberSaveable(stateSaver = TextFieldValue.Saver) { mutableStateOf(TextFieldValue(state.text)) }
Scaffold(
modifier = modifier,
scaffoldState = scaffoldState,
topBar = { TopAppBar(title = stringResource(R.string.i18n_foo_screen_title)) },
content = {
Column(
modifier = Modifier
.fillMaxSize()
.padding(16.dp)
.verticalScroll(rememberScrollState()),
verticalArrangement = Arrangement.spacedBy(16.dp)
) {
OutlinedTextField(
value = textFieldValue,
onValueChange = { textFieldValue = it },
modifier = Modifier.fillMaxWidth(),
label = { Text(stringResource(R.string.i18n_foo_text_field_hint)) }
)
ProgressButton(
onClick = { sendEvent(Event.OnBarButtonClicked(textFieldValue.text)) },
loading = state.isLoading,
modifier = Modifier.fillMaxWidth()
) {
Text(stringResource(R.string.i18n_foo_send_text_to_bar))
}
Button(
onClick = { sendEvent(Event.OnShowSnackbarButtonClicked) },
modifier = Modifier.fillMaxWidth()
) {
Text(stringResource(R.string.i18n_foo_show_snackbar))
}
}
}
)
}
@Preview
@Composable
fun FooScreenPreview() {
FooScreen(State("Preview", true), Channel<Effect>().receiveAsFlow(), {})
}