-
Notifications
You must be signed in to change notification settings - Fork 17
/
HorizontalPagerScreen.kt
109 lines (105 loc) · 4.43 KB
/
HorizontalPagerScreen.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
package com.github.terrakok.modo.sample.screens.containers
import androidx.compose.foundation.ExperimentalFoundationApi
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.WindowInsets
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.statusBars
import androidx.compose.foundation.layout.windowInsetsPadding
import androidx.compose.foundation.pager.HorizontalPager
import androidx.compose.foundation.pager.rememberPagerState
import androidx.compose.material.Icon
import androidx.compose.material.IconButton
import androidx.compose.material.Tab
import androidx.compose.material.TabRow
import androidx.compose.material.TabRowDefaults
import androidx.compose.material.TabRowDefaults.tabIndicatorOffset
import androidx.compose.material.Text
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Add
import androidx.compose.runtime.Composable
import androidx.compose.runtime.rememberCoroutineScope
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.vector.rememberVectorPainter
import androidx.compose.ui.unit.dp
import com.github.terrakok.modo.ContainerScreen
import com.github.terrakok.modo.NavModel
import com.github.terrakok.modo.list.ListNavigationAction
import com.github.terrakok.modo.list.ListNavigationState
import com.github.terrakok.modo.sample.components.CancelButton
import com.github.terrakok.modo.sample.screens.MainScreen
import kotlinx.coroutines.launch
import kotlinx.parcelize.Parcelize
@Parcelize
class HorizontalPagerScreen(
private val navModel: NavModel<ListNavigationState, ListNavigationAction> = NavModel(
ListNavigationState(
listOf(
SampleStack(MainScreen(0)),
SampleStack(MainScreen(0)),
SampleStack(MainScreen(0)),
)
)
)
) : ContainerScreen<ListNavigationState, ListNavigationAction>(navModel) {
@OptIn(ExperimentalFoundationApi::class)
@Composable
override fun Content(modifier: Modifier) {
val pagerState = rememberPagerState {
navigationState.screens.size
}
val coroutineScope = rememberCoroutineScope()
Column(modifier) {
TabRow(
selectedTabIndex = pagerState.currentPage,
indicator = { tabPositions ->
TabRowDefaults.Indicator(
Modifier.tabIndicatorOffset(tabPositions[pagerState.currentPage])
)
}
) {
navigationState.screens.forEachIndexed { index, screen ->
Tab(
modifier = Modifier.windowInsetsPadding(WindowInsets.statusBars),
selected = index == pagerState.currentPage,
onClick = {
coroutineScope.launch {
pagerState.animateScrollToPage(index)
}
},
text = { Text(text = "Tab $index") }
)
}
IconButton(
onClick = { dispatch(AddStack) },
modifier = Modifier.windowInsetsPadding(WindowInsets.statusBars),
) {
Icon(painter = rememberVectorPainter(image = Icons.Default.Add), contentDescription = "Add")
}
}
HorizontalPager(
state = pagerState,
key = { navigationState.screens[it].screenKey }
) { pos ->
Box {
val screen = navigationState.screens[pos]
InternalContent(screen = screen, Modifier.fillMaxSize())
CancelButton(
onClick = { dispatch(ListNavigationAction.Remove(screen)) },
contentDescription = "Close screen",
modifier = Modifier
.align(Alignment.TopEnd)
.padding(16.dp)
)
}
}
}
}
object AddStack : ListNavigationAction {
override fun reduce(oldState: ListNavigationState): ListNavigationState = ListNavigationState(
oldState.screens + SampleStack(MainScreen(0))
)
}
}