What is the best way to avoid accidental repeated clicks on Any btn?

Question

My problem was accidentally repeated clicks on LazyVerticalGrid element which is resolved by using:

var enabled by rememberSaveable { mutableStateOf(true) } and val scope = LocalLifecycleOwner.current.lifecycleScope.

LazyVerticalGrid(
        state = lazyVGState,
        cells = GridCells.Fixed(3),
        contentPadding = PaddingValues(bottom = 100.dp)
    ) {
        items(groupMap.keys.toList().sorted()) { item ->
            Column(
                modifier = Modifier.clickable(
                    enabled = enabled,
                ) {
                    enabled = false
                    navController.currentBackStackEntry?.savedStateHandle?.set(
                        CITY_WEATHER_LIST,
                        cityList
                    )
                    navController.navigate(Screen.CityForecastScreen.route)
                    scope.launchWhenStarted {
                        delay(10)
                        enabled = true
                    }
                },

                ) {
                // some elements
            }
        }
    }

If i don't use enabled state, user may open an element for couple times. Looking for community opinion. THX.

score 0 · Answer 1 · answered May 01 '22 at 09:31

0

fun NavController.safeNavigate(direction: NavDirections) {    
       currentDestination?.getAction(direction.actionId)?.run { navigate(direction) }
}

And instead of navController.navigate, use navController.safeNavigate with the same arguments.

answered May 01 '22 at 09:31

Rafsanjani

4,352
1
14
21

I appreciate your advice, but I couldn't find a way to use NavDirection. THX. – Uladzimir May 03 '22 at 06:47

score 0 · Accepted Answer · answered May 01 '22 at 17:30

0

The navigation framework provides an up to date and synchronous view of the navigation state in your app, so the safest way to prevent multiple clicks is by checking if you are still in the navigation destination hosting your LazyList by using

navController.currentDestination

and comparing that against the LazyList screen identifier.

answered May 01 '22 at 17:30

Francesc

25,014
10
66
84

Taking your advice, I wrote this line: `navController.currentDestination == navController.findDestination(Screen.WeatherForecastScreen.route)`. It is working fine). Hope I didn't disappoint you & understood you correctly. – Uladzimir May 02 '22 at 20:38
That's exactly what I described, glad it's working. – Francesc May 02 '22 at 23:05

What is the best way to avoid accidental repeated clicks on Any btn?

2 Answers2