initialPage not working in Android (production only)

[gtwilliams03]

Environment

react-native 0.74.5 (new architecture)
expo 51.0.25 (managed)
react-native-pager-view 6.3.0 (expo will not run if I use a higher version because I get the Invariant Violation: requireNativeComponent: "LEGACY_RNCViewPager" was not found in the UIManager error).

Description

I am experiencing an odd issue. I am using this package as a photo gallery viewer. I show a number of thumbnail images. When you press on one of the thumbnails, I set the currentIndex variable (which is passed into the initialPage prop of the AnimatedPagerView component). This works fine in the iOS simulator, iOS devices in production, Android simulator in Android Studio, but in Android production devices, no matter what thumbnail I press, the currentIndex variable stays at 0 and loads the first image.

Reproducible Demo

<AnimatedPagerView style={s.photoContainer}
    initialPage={currentIndex}
    pageMargin={0}
    offscreenPageLimit={2}
    onPageSelected={e => handleViewPagerChange(e.nativeEvent.position)}>
    {lightboxImages && lightboxImages.map(i =>
    <Image key={i.key}
        source={{ uri: i.fullImageUrl }} 
        containerStyle={{ width: '100%', height: '100%' }}
        PlaceholderContent={<ActivityIndicator size='large' />}
        resizeMethod='scale' resizeMode='contain' />
    )}
</AnimatedPagerView>

[gtwilliams03]

I tried to update the photo gallery component to include a useEffect to call setPage when the gallery is open (isOpen === true) and the currentIndex changes. I also used a setTimeout to try and delay the setPage until the Modal opens with the PagerView in it:

  useEffect(() => {
      if (isOpen && _pagerRef?.current) {            
          setTimeout(() => _pagerRef.current.setPage(currentImage), 450)
      }
  }, [isOpen, currentImage])

In both cases, Android in production originally scrolls to the new index, but then reverts to index 0. I can't figure it out:

IMG_6716-480p.mov

[MrRefactor]

Please try running it with https://github.com/callstack/react-native-pager-view/releases/tag/v6.4.0

[gtwilliams03]

@MrRefactor Thank you for your note - like I mentioned above, expo will not run if I use a higher version because I get the Invariant Violation: requireNativeComponent: "LEGACY_RNCViewPager" was not found in the UIManager error

[MrRefactor]

@MrRefactor Thank you for your note - like I mentioned above, expo will not run if I use a higher version because I get the Invariant Violation: requireNativeComponent: "LEGACY_RNCViewPager" was not found in the UIManager error

Try running on latest main as we removed LEGACY implementation

[MrRefactor]

Try with this: https://github.com/callstack/react-native-pager-view/releases/tag/v6.6.0

[gtwilliams03]

OK will try that - thank you for the follow up!

[gtwilliams03]

I am still getting the "reset to 0 index" error on 6.5.1 but npx expo-doctor@latest throws an error if I try to move to 6.6.0:

The following packages should be updated for best compatibility with the installed expo version:
  react-native-pager-view@6.6.0 - expected version: 6.5.1
Your project may not work correctly until you install the expected versions of the packages.