我想在Jetpack Compose中创建一个滑块，它可以手动操作，并将值存储在DB中。同时，当DB中的值更改时，滑块应该对协程所做的更改做出React。

我只能得到其中一个。下面是对滑块变化做出React的版本（并更新DB和外部源），但当外部源有新值时不更新滑块。如果外部源向DB写入新值，我如何将滑块设置为新值？

@Composable
fun showAllLights(lightsViewModel: LightsViewModel = hiltViewModel()) {

    val allLights = lightsViewModel.lightsAndGroups.collectAsState(initial = emptyList())
    val allLightsByGroupType = allLights.value.filter { it.groupType == "Room" }
    val allGroups = allLightsByGroupType.distinctBy { it.groupId }
    val allLightsGrouped = allLights.value.groupBy {
        it.groupId ?: -1L
    }

    LazyColumn(
        modifier = Modifier
            .fillMaxHeight()
            .fillMaxWidth()
    ) {
        items(allGroups) { currentGroup ->
            val currentGroupId = currentGroup.groupId ?: -1L

            val lightsByKey = allLightsGrouped.filterKeys { it == currentGroupId }
            LazyRow(
                modifier = Modifier
                    .fillMaxHeight()
                    .fillMaxWidth()
            ) {
                lightsByKey.forEach { (key, value) ->
                    items(value) { light ->
                        singleLightCard(
                            light
                        )
                    }
                }
            }
        }
    }
}

@Composable
fun singleLightCard(light: ViewLights, lightsViewModel: LightsViewModel = hiltViewModel()) {

    var initialBrightness = ((light.brightness * 100).toFloat() / 254).roundToInt().toFloat()
    var valueSlider by remember { mutableStateOf(initialBrightness) }

    Card(
        modifier = Modifier
            .height(128.dp)
            .width(144.dp),
    ) {
        Column(
        ) {
            ConstraintLayout(
            ) {
                val (lightBrightnessSlider) = createRefs()

                Slider(
                    modifier = Modifier
                        .constrainAs(lightBrightnessSlider) {
                            bottom.linkTo(
                                parent.bottom
                            )
                        }
                        .height(15.dp),
                    value = valueSlider,
                    onValueChange =  {
                        valueSlider = it
                        val errorMessage = lightsViewModel.onLightBrightnessChange(light, it)
                    },
                    valueRange = 1f..100f,
                )
            }
        }
    }
}