App crashes on putting more than 28 'composable' element inside AnimatedNavHost (Jetpack Compose)

Question

My app is a single activity app with different screens represented by composables. I am using navigation component to handle screen navigation.

My navigation component has AnimatedNavHost as:

AnimatedNavHost(
            navController = navController,
            startDestination = Constants.SPLASH,
            enterTransition = { initial, _ ->
                slideInHorizontally(initialOffsetX = { 1000 })

            },
            exitTransition = { _, target ->
                slideOutHorizontally(targetOffsetX = { -1000 })

            },
            popEnterTransition = { initial, _ ->

                slideInHorizontally(initialOffsetX = { -1000 })

            },

            popExitTransition = { _, target ->

                slideOutHorizontally(targetOffsetX = { 1000 })

            }

        ) {
            composable(Constants.SPLASH) {
                Splash(navController = navController)


            }
            composable(Constants.HIW) {

                LogoPage(
                    false,
                    true,
                    navController = navController
                ) { HowItWorks(navController = navController, false) }

.
.
.

//Other 26 'composable' elements
}

When I add even 1 more 'composable' element, my app crashes, and the logcat says:

 java.lang.ArrayIndexOutOfBoundsException: length=29; index=29
        at androidx.collection.SparseArrayCompat.valueAt(SparseArrayCompat.java:379)
        at androidx.navigation.NavController.setGraph(NavController.kt:948)
        at androidx.navigation.NavController.setGraph(NavController.kt:95)
        at com.google.accompanist.navigation.animation.AnimatedNavHostKt.AnimatedNavHost(AnimatedNavHost.kt:146)
        at com.google.accompanist.navigation.animation.AnimatedNavHostKt.AnimatedNavHost(AnimatedNavHost.kt:85)

How do I solve this?

Been trying a lot of things, but not able to solve. Also, there doesn't seem to be any online information regarding this.

Please help!

Gabriele Mariotti · Answer 1 · 2021-09-07T12:38:18.600

1

It is reported in this issue.

RelNote: "There will no longer be an ArrayIndexOutOfBoundsException when calling setGraph with a graph with 13 or 29 destinations."

It should be fixed with Navigation 2.4.0-alpha08

edited Sep 07 '21 at 12:38

answered Sep 07 '21 at 12:06

Gabriele Mariotti

320,139
94
887
841

Now I get *java.util.ArrayList cannot be cast to java.util.Set* – Sparsh Dutta Sep 09 '21 at 06:18
1

@SparshDutta I think it is a completely different issue. – Gabriele Mariotti Sep 09 '21 at 06:32
This doesn't happen when using "NavHost" instead of AnimatedNavHost – Sparsh Dutta Sep 09 '21 at 07:02
1

@SparshDutta Ok, but your question and my answer are about `ArrayIndexOutOfBoundsException: length=29; index=29`. It is another issue. – Gabriele Mariotti Sep 09 '21 at 08:16
@SparshDutta that is a bug in Accompanist, not in Navigation-Compose. – EpicPandaForce Feb 15 '22 at 04:26

App crashes on putting more than 28 'composable' element inside AnimatedNavHost (Jetpack Compose)

1 Answers1