Исправлены чекбоксы (забыл MutableState в датаклассе), центрирован заголовок BottomSheet
This commit is contained in:
parent
d1e7b60378
commit
5639ebd4cd
1 changed files with 23 additions and 14 deletions
|
@ -17,15 +17,16 @@ import androidx.compose.material3.ModalBottomSheet
|
||||||
import androidx.compose.material3.SearchBar
|
import androidx.compose.material3.SearchBar
|
||||||
import androidx.compose.material3.Text
|
import androidx.compose.material3.Text
|
||||||
import androidx.compose.runtime.Composable
|
import androidx.compose.runtime.Composable
|
||||||
|
import androidx.compose.runtime.MutableState
|
||||||
import androidx.compose.runtime.getValue
|
import androidx.compose.runtime.getValue
|
||||||
import androidx.compose.runtime.mutableStateOf
|
import androidx.compose.runtime.mutableStateOf
|
||||||
import androidx.compose.runtime.remember
|
import androidx.compose.runtime.remember
|
||||||
import androidx.compose.runtime.setValue
|
import androidx.compose.runtime.setValue
|
||||||
import androidx.compose.ui.Alignment
|
import androidx.compose.ui.Alignment
|
||||||
import androidx.compose.ui.Modifier
|
import androidx.compose.ui.Modifier
|
||||||
import androidx.compose.ui.layout.VerticalAlignmentLine
|
|
||||||
import androidx.compose.ui.platform.LocalConfiguration
|
import androidx.compose.ui.platform.LocalConfiguration
|
||||||
import androidx.compose.ui.res.stringResource
|
import androidx.compose.ui.res.stringResource
|
||||||
|
import androidx.compose.ui.text.font.FontWeight
|
||||||
import androidx.compose.ui.unit.dp
|
import androidx.compose.ui.unit.dp
|
||||||
import androidx.compose.ui.unit.sp
|
import androidx.compose.ui.unit.sp
|
||||||
import androidx.navigation.NavController
|
import androidx.navigation.NavController
|
||||||
|
@ -33,7 +34,11 @@ import ru.nm17.narodmon.R
|
||||||
import ru.nm17.narodmon.ui.elements.GenericNavScaffold
|
import ru.nm17.narodmon.ui.elements.GenericNavScaffold
|
||||||
import ru.nm17.narodmon.ui.elements.TileMap
|
import ru.nm17.narodmon.ui.elements.TileMap
|
||||||
|
|
||||||
data class SensorFilter(val stringRes: Int, val code: Int, var enabled: Boolean = false)
|
data class SensorFilter(
|
||||||
|
val stringRes: Int,
|
||||||
|
val code: Int,
|
||||||
|
var enabled: MutableState<Boolean> = mutableStateOf(false),
|
||||||
|
)
|
||||||
|
|
||||||
@ExperimentalMaterial3Api
|
@ExperimentalMaterial3Api
|
||||||
@Composable
|
@Composable
|
||||||
|
@ -45,7 +50,7 @@ fun SensorsPage(navController: NavController) {
|
||||||
var filterMine by remember { mutableStateOf(false) }
|
var filterMine by remember { mutableStateOf(false) }
|
||||||
|
|
||||||
val filterItems = remember {
|
val filterItems = remember {
|
||||||
mutableListOf(
|
listOf(
|
||||||
/* TODO:
|
/* TODO:
|
||||||
* Заменить `code` на настоящее значение
|
* Заменить `code` на настоящее значение
|
||||||
* либо динамически его подгружать из ответа АПИ
|
* либо динамически его подгружать из ответа АПИ
|
||||||
|
@ -121,13 +126,18 @@ fun SensorsPage(navController: NavController) {
|
||||||
|
|
||||||
if (filterShown) {
|
if (filterShown) {
|
||||||
ModalBottomSheet(onDismissRequest = { filterShown = false }) {
|
ModalBottomSheet(onDismissRequest = { filterShown = false }) {
|
||||||
|
Row(
|
||||||
|
horizontalArrangement = Arrangement.Center,
|
||||||
|
modifier = Modifier.fillMaxWidth(),
|
||||||
|
) {
|
||||||
Text(
|
Text(
|
||||||
text = stringResource(R.string.sensors_filter_title),
|
text = stringResource(R.string.sensors_filter_title),
|
||||||
fontSize = 26.sp,
|
fontSize = 24.sp,
|
||||||
|
fontWeight = FontWeight(500),
|
||||||
)
|
)
|
||||||
|
}
|
||||||
|
|
||||||
LazyColumn(
|
LazyColumn(
|
||||||
verticalArrangement = Arrangement.spacedBy(8.dp),
|
|
||||||
modifier = Modifier.padding(horizontal = 4.dp),
|
modifier = Modifier.padding(horizontal = 4.dp),
|
||||||
) {
|
) {
|
||||||
items(filterItems) {
|
items(filterItems) {
|
||||||
|
@ -135,18 +145,17 @@ fun SensorsPage(navController: NavController) {
|
||||||
verticalAlignment = Alignment.CenterVertically,
|
verticalAlignment = Alignment.CenterVertically,
|
||||||
) {
|
) {
|
||||||
Checkbox(
|
Checkbox(
|
||||||
checked = it.enabled,
|
checked = it.enabled.value,
|
||||||
onCheckedChange = { checked -> it.enabled = checked },
|
onCheckedChange = { checked ->
|
||||||
|
it.enabled.value = checked
|
||||||
|
},
|
||||||
)
|
)
|
||||||
|
|
||||||
Text(
|
Text(
|
||||||
text = stringResource(id = it.stringRes),
|
text = stringResource(id = it.stringRes),
|
||||||
modifier = Modifier.clickable {
|
modifier = Modifier.clickable {
|
||||||
it.enabled = !it.enabled
|
it.enabled.value = !it.enabled.value
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
|
|
||||||
Text(text = it.toString())
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue