java.lang.IllegalArgumentException: Scrapped or attached views may not be recycled

[Priyanshu0007]

Environment

react-native: 0.78.1
react-native-pager-view: 6.8.1
react-native-screens: 4.9.2

Description

Facing this crash on android. Unable to reproduce getting this crash from Firebase Crashlytics

Reproducible Demo

Can't be reproduced

Stack trace

Fatal Exception: java.lang.IllegalArgumentException: Scrapped or attached views may not be recycled. isScrap:false isAttached:true androidx.viewpager2.widget.ViewPager2$RecyclerViewImpl{ae023a9 VFED..... ......ID 0,0-1080,1789 #4 viewInfo = }, adapter:com.reactnativepagerview.ViewPagerAdapter@fdc99ac, layout:androidx.viewpager2.widget.ViewPager2$LinearLayoutManagerImpl@a02dd2e, context:com.facebook.react.uimanager.ThemedReactContext@24a9dc4
       at androidx.recyclerview.widget.RecyclerView$Recycler.recycleViewHolderInternal(RecyclerView.java:7071)
       at androidx.recyclerview.widget.RecyclerView$Recycler.recycleView(RecyclerView.java:7007)
       at androidx.recyclerview.widget.RecyclerView$LayoutManager.removeAndRecycleViewAt(RecyclerView.java:9741)
       at androidx.recyclerview.widget.LinearLayoutManager.recycleChildren(LinearLayoutManager.java:1468)
       at androidx.recyclerview.widget.LinearLayoutManager.recycleViewsFromEnd(LinearLayoutManager.java:1562)
       at androidx.recyclerview.widget.LinearLayoutManager.recycleByLayoutState(LinearLayoutManager.java:1587)
       at androidx.recyclerview.widget.LinearLayoutManager.fill(LinearLayoutManager.java:1613)
       at androidx.recyclerview.widget.LinearLayoutManager.scrollBy(LinearLayoutManager.java:1425)
       at androidx.recyclerview.widget.LinearLayoutManager.scrollHorizontallyBy(LinearLayoutManager.java:1145)
       at androidx.recyclerview.widget.RecyclerView.scrollStep(RecyclerView.java:2047)
       at androidx.recyclerview.widget.RecyclerView$ViewFlinger.run(RecyclerView.java:5835)
       at android.view.Choreographer$CallbackRecord.run(Choreographer.java:1544)
       at android.view.Choreographer$CallbackRecord.run(Choreographer.java:1553)
       at android.view.Choreographer.doCallbacks(Choreographer.java:1109)
       at android.view.Choreographer.doFrame(Choreographer.java:984)
       at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:1527)
       at android.os.Handler.handleCallback(Handler.java:958)
       at android.os.Handler.dispatchMessage(Handler.java:99)
       at android.os.Looper.loopOnce(Looper.java:257)
       at android.os.Looper.loop(Looper.java:368)
       at android.app.ActivityThread.main(ActivityThread.java:8839)
       at java.lang.reflect.Method.invoke(Method.java)
       at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:572)
       at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1049)

Releated Thread

#984 - Marked as resolved in version 6.8.0 - Still issue persists

[QuentinBoulay]

Any updates on this issue ?

[MrRefactor]

Any updates on this issue ?

please provide reproducible demo or explain ur usage of pager view in your application, also please provide information about android OS that the issue is happening on.

[Priyanshu0007]

@MrRefactor i am using react native pager view for react-navigation/material-top-tabs. I am using top tab bar multiple places in my app.
react-navigation/material-top-tabs: "7.2.10"
I am unable to recreate and this is happening on multiple devices only on android on various android version. For reference i am adding some below ->
Oneplus Nord CE 2 lite 5G (Android 14)
Vivo V27 (Android 15)
Samsung M21 (Android 12)

[kazhoang]

Environment

react-native: 0.78.1 react-native-pager-view: 6.8.1 react-native-screens: 4.9.2

Description

Facing this crash on android. Unable to reproduce getting this crash from Firebase Crashlytics

Reproducible Demo

Can't be reproduced

Stack trace

Fatal Exception: java.lang.IllegalArgumentException: Scrapped or attached views may not be recycled. isScrap:false isAttached:true androidx.viewpager2.widget.ViewPager2$RecyclerViewImpl{ae023a9 VFED..... ......ID 0,0-1080,1789 #4 viewInfo = }, adapter:com.reactnativepagerview.ViewPagerAdapter@fdc99ac, layout:androidx.viewpager2.widget.ViewPager2$LinearLayoutManagerImpl@a02dd2e, context:com.facebook.react.uimanager.ThemedReactContext@24a9dc4
at androidx.recyclerview.widget.RecyclerView$Recycler.recycleViewHolderInternal(RecyclerView.java:7071)
at androidx.recyclerview.widget.RecyclerView$Recycler.recycleView(RecyclerView.java:7007)
at androidx.recyclerview.widget.RecyclerView$LayoutManager.removeAndRecycleViewAt(RecyclerView.java:9741)
at androidx.recyclerview.widget.LinearLayoutManager.recycleChildren(LinearLayoutManager.java:1468)
at androidx.recyclerview.widget.LinearLayoutManager.recycleViewsFromEnd(LinearLayoutManager.java:1562)
at androidx.recyclerview.widget.LinearLayoutManager.recycleByLayoutState(LinearLayoutManager.java:1587)
at androidx.recyclerview.widget.LinearLayoutManager.fill(LinearLayoutManager.java:1613)
at androidx.recyclerview.widget.LinearLayoutManager.scrollBy(LinearLayoutManager.java:1425)
at androidx.recyclerview.widget.LinearLayoutManager.scrollHorizontallyBy(LinearLayoutManager.java:1145)
at androidx.recyclerview.widget.RecyclerView.scrollStep(RecyclerView.java:2047)
at androidx.recyclerview.widget.RecyclerView$ViewFlinger.run(RecyclerView.java:5835)
at android.view.Choreographer$CallbackRecord.run(Choreographer.java:1544)
at android.view.Choreographer$CallbackRecord.run(Choreographer.java:1553)
at android.view.Choreographer.doCallbacks(Choreographer.java:1109)
at android.view.Choreographer.doFrame(Choreographer.java:984)
at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:1527)
at android.os.Handler.handleCallback(Handler.java:958)
at android.os.Handler.dispatchMessage(Handler.java:99)
at android.os.Looper.loopOnce(Looper.java:257)
at android.os.Looper.loop(Looper.java:368)
at android.app.ActivityThread.main(ActivityThread.java:8839)
at java.lang.reflect.Method.invoke(Method.java)
at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:572)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1049)

Releated Thread

#984 - Marked as resolved in version 6.8.0 - Still issue persists

I am facing the same issue:

react-native-pager-view: ^6.8.1
@react-navigation/material-top-tabs: ^7.2.17

The issue is difficult to reproduce and is reported via Firebase Crashlytics.
I tested it on a Galaxy S25 Ultra, but the issue still does not occur.

It occurs primarily on Samsung devices, including Galaxy S22 Ultra, Galaxy S23 FE, Galaxy Z Fold6, Galaxy A55 5G, and others - running Android 14 and 15.

[junlimstayge]

In my case, I was able to easily reproduce this by starting to scroll to view the next screen and then using the physical back button to go back before the scroll finished

[rohit9625]

In my case, I was able to easily reproduce this by starting to scroll to view the next screen and then using the physical back button to go back before the scroll finished

Same thing for me as well. I can also easily repro this issue on my Samsung A14 device. Someone said it was fixed in version 6.8.0. Seems like the fix is not working.

[dition0221]

Same issue

There was no problem before the migration
But after the migration, there was a crash issue when unmounting

I tested with Galaxy S23+

---

Before migration
expo: ~51.0.28
react-native: 0.74.5
react-native-pager-view: 6.3.0

After migration
expo: 53.0.18
react-native: 0.79.5
react-native-pager-view: 6.7.1 or ^6.8.1

[rohit9625]

I can reproduce this issue on react-native-pager-view version 6.5.3. Looks like something changed in between 6.3.0 to 6.5.3. I'll look into what causes this issue once I confirm that this issue is not reproducible on 6.3.0. Thanks for the information @dition0221

[dition0221]

I migrated to Expo SDK 52, there seems to be no problem
I think I'll use 52 for a while

expo: ^52.0.0
react: 18.3.1
react-native: 0.76.9
react-native-pager-view: 6.5.1

[rohit9625]

I was unable to try with version 6.3.0 because of some build issues related to RN. However, I tried with version 6.5.1 and the crash was still present. Seems like the issue is from react-native library not the pager library itself. Because over past few releases the React Native version is changed and I found nothing important related to pager library that caused this issue.

[Priyanshu0007]

Any updates on this issue ?

[rohit9625]

No, still not fixed. However, someone mentioned that it's fixed on version 6.8.0 but I still got crash :(