-
Notifications
You must be signed in to change notification settings - Fork 17
/
SampleMultiScreen.kt
123 lines (115 loc) · 4.45 KB
/
SampleMultiScreen.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
package com.github.terrakok.modo.sample.screens.containers
import androidx.compose.foundation.background
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
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.graphics.Color
import androidx.compose.ui.text.font.FontStyle
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import com.github.terrakok.modo.NavigationReducer
import com.github.terrakok.modo.multiscreen.MultiScreen
import com.github.terrakok.modo.multiscreen.MultiScreenAction
import com.github.terrakok.modo.multiscreen.MultiScreenNavModel
import com.github.terrakok.modo.multiscreen.MultiScreenState
import com.github.terrakok.modo.multiscreen.selectContainer
import com.github.terrakok.modo.sample.screens.MainScreen
import kotlinx.parcelize.IgnoredOnParcel
import kotlinx.parcelize.Parcelize
@Suppress("MagicNumber")
@Parcelize
class SampleMultiScreen(
private val navModel: MultiScreenNavModel = MultiScreenNavModel(
containers = listOf(
SampleStack(MainScreen(1)),
SampleStack(MainScreen(2)),
SampleStack(MainScreen(3)),
),
selected = 1
)
) : MultiScreen(navModel) {
@IgnoredOnParcel
override val reducer: NavigationReducer<MultiScreenState, MultiScreenAction> = NavigationReducer { action, state ->
if (action is AddTab) state else null
}
@Composable
override fun Content(modifier: Modifier) {
var showAllStacks by rememberSaveable {
mutableStateOf(false)
}
Column {
TopContent(showAllStacks, Modifier.weight(1f))
Row {
Text(
modifier = Modifier
.clickable { showAllStacks = !showAllStacks }
.padding(16.dp),
textAlign = TextAlign.Center,
text = "🪄"
)
repeat(navigationState.screens.size) { tabPos ->
Tab(
modifier = Modifier.weight(1f),
isSelected = navigationState.selected == tabPos,
tabPos = tabPos,
onTabClick = { selectContainer(tabPos) }
)
}
Text(
modifier = Modifier
.clickable { dispatch(AddTab(navigationState.screens.size.toString(), MainScreen(1))) }
.padding(16.dp),
textAlign = TextAlign.Center,
text = "[+]"
)
}
}
}
@Composable
fun TopContent(showAllStacks: Boolean, modifier: Modifier = Modifier) {
Box(modifier = modifier) {
Row {
for ((pos, container) in navigationState.screens.withIndex()) {
if (showAllStacks || pos == navigationState.selected) {
Box(modifier = Modifier.weight(1f)) {
// внутри вызывается используется SaveableStateProvider с одинаковым ключом для экрана
Content(container, Modifier.fillMaxSize())
}
}
}
}
}
}
@Composable
private fun Tab(
isSelected: Boolean,
tabPos: Int,
modifier: Modifier = Modifier,
onTabClick: () -> Unit,
) = Text(
modifier = modifier
.clickable(onClick = onTabClick)
.background(if (isSelected) Color.LightGray else Color.White)
.padding(16.dp),
textAlign = TextAlign.Center,
fontStyle = if (isSelected) FontStyle.Italic else FontStyle.Normal,
color = if (isSelected) Color.Red else Color.Black,
text = "Tab $tabPos"
)
}
@Preview
@Composable
private fun PreviewSampleMultiScreen() {
SampleMultiScreen().Content(Modifier)
}