if I press the start button isStartButtonVisible s...

# compose

[the great warrior]

if I press the start button isStartButtonVisible state is changed from true to false and when I go to another tab compose doesn't remember that. go to reply if you want to see the full code

device-2022-04-15-170143.mp4

[Ian Lake]

Sounds like you aren't using rememberSaveable

[the great warrior]

OptIn(ExperimentalAnimationApi::class, ExperimentalTime::class, ExperimentalTransitionApi::class)
@Composable
fun StopwatchScreen(
modifier: Modifier = Modifier, lapItems: List<Lap>, onPause: () -> Unit, onStop: () -> Unit, onStart: () -> Unit, onLap: () -> Unit, onClear: () -> Unit, isPlaying: Boolean
) {
var isStartButtonVisible by remember { mutableStateOf(true) }
Surface(modifier = modifier) {
Box(modifier = Modifier.fillMaxSize()) {
Column(
Modifier.fillMaxSize(), horizontalAlignment = Alignment.CenterHorizontally
) { Buttons(
isPlaying = isPlaying, onPause = onPause, onStart = onStart, onStop = onStop, onLap = onLap , onClear = onClear , onLapHeadLine = { lapHeaderLine = it }, scrollState = scrollState, scope = scope, lapsItems = lapItems, isStartButtonVisible = isStartButtonVisible,
onChangeStartVisible = { isStartButtonVisible = it}
)
}

}
}
}



@OptIn(ExperimentalAnimationApi::class)
@Composable
private fun Buttons(
isPlaying: Boolean, onPause: () -> Unit, onStop: () -> Unit, onStart: () -> Unit, onLap: () -> Unit, onClear: () -> Unit, onLapHeadLine: (Boolean) -> Unit, scrollState: LazyListState, scope: CoroutineScope, lapsItems: List<Lap>, isStartButtonVisible: Boolean,
onChangeStartVisible: (Boolean) -> Unit,
) {
val transition = updateTransition(isStartButtonVisible)
Box {

transition .AnimatedVisibility(
visible = { targetSelected -> targetSelected }
) {
ClockButton(
onClick = {
onStart()
onChangeStartVisible(false)
},
textButton = "Start",
color = MaterialTheme.colorScheme.primary
)
}
transition .AnimatedVisibility(
visible = { targetSelected -> !targetSelected }
) {
Row (
horizontalArrangement = Arrangement.spacedBy(32.dp)
){
if (isPlaying) {
ClockButton(
textButton = "Stop",
onClick = onPause,
color = Red100
)
ClockButton(
textButton = "Lap",
onClick = {
onLapHeadLine(true)
onLap()
scope.launch {
scrollState.animateScrollToItem(index = lapsItems.lastIndex)
}
},
color = MaterialTheme.colorScheme.onSurface
)
} else {
ClockButton(
textButton = "Resume",
onClick = onStart,
color = MaterialTheme.colorScheme.primary
)
ClockButton(
textButton = "Reset",
onClick = {
onStop()
onLapHeadLine(false)
onChangeStartVisible(true)

onClear()
},
color = MaterialTheme.colorScheme.onSurface
)
}
}

}
}
}

@Composable
fun ClockButton(
    textButton: String,
    onClick: () -> Unit,
    color: Color = MaterialTheme.colorScheme.primary,
) {
    Button(
        onClick = onClick,
        colors = ButtonDefaults.buttonColors(
            containerColor = color
        ),
        contentPadding = PaddingValues(
            start = 40.dp,
            top = 12.dp,
            end = 40.dp,
            bottom = 12.dp
        )
    ) {
        Text(text = textButton,
            style = MaterialTheme.typography.titleMedium)
    }
}

[the great warrior]

I've tried rememberSaveable and it doesn't work