dokar3
commented
7 months ago Hi, there.
The only missing is passing your initial tags to the rememberChipTextFieldState(chips = ...). And the DisposableEffect() can be simplified.
@Composable
fun YourScreen(
details: AppointmentDetails,
modifier: Modifier = Modifier,
) {
val initialChips = remember { details.tags.map(::Chip) }
val chipState = rememberChipTextFieldState(chips = initialChips)
DisposableEffect(details, chipState.chips) {
onDispose {
// Update your view model tag list after updating the chips or leaving the screen
details.tags = chipState.chips.map { it.text }
// Or using the immutable data pattern instead of updating
// the tags field directly:
// viewModel.updateDetailsTags(chipState.chips.map { it.text })
}
}
OutlinedChipTextField(
state = chipState,
onSubmit = { Chip(it) },
modifier = modifier,
)
}
SteffoSpieler
(whoops, pressed Enter accidentally 😅)
I'm currently making an app for a school project and using ChipTextField as it looks awesome! The basic app is almost like the Inventory App Example from the Compose Tutorial.
Please keep in mind, I'm quite new to Kotlin / Jetpack Compose / Android development.
My code (Screen):
My code (ViewModel):
My issue is, I want to have my tags all saved in the appointmentDetails.tags list. But as I didn't found out how to make that with the ChipTextFieldState, I had to ask ChatGPT, which came up with DisposableEffect. This works... kinda. When entering stuff, it works! But when editing something (loading from the appointmentDetails.tags), it doesn't show anything.
So, my question: Is there a way to somehow keep the ChipTextFieldState in sync with the tags List?