[iOS] Cannot scroll to new dynamic page using setPage() unless scrolled back

[tannguyen05]

Environment

"react-native": "0.74.5",
"react-native-pager-view": "6.5.1",
"react-native-tab-view": "4.0.2"

Description

In my case, the new page can be scrolled to by swipe gesture or manually called using setPage, but currently only swipe gesture is possible (thanks @MrRefactor - #898), setPage is called but it does not change the page

May be related - #791 #597

Expected

The new page can be scrolled to using the setPage method.

[MrRefactor]

Please check if #923 is fixing your issue

[tannguyen05]

@MrRefactor sorry, i tried but it still dosen't work

1. can't scroll to second page

Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2024-11-25.at.15.31.25.mp4

2. can't go to second page using setPage

Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2024-11-25.at.15.32.11.mp4

here my code:

const App = () => {
  const [routes, setRoutes] = useState([
    {key: 'first', name: 'First Page'},
    {key: 'add', name: 'Add'},
  ]);
  const pageRef = useRef(null);

  return (
    <SafeAreaView style={{flex: 1, backgroundColor: '#fff'}}>
      <PagerView ref={pageRef} style={{flex: 1}} initialPage={0}>
        {routes.map(item => {
          if (item.key === 'add') {
            return (
              <View
                key={item.key}
                style={{
                  flex: 1,
                  alignItems: 'center',
                  justifyContent: 'center',
                }}>
                <Text>{item.name}</Text>
                <Button
                  title="Add second page"
                  onPress={() => {
                    const newRoutes = [
                      {key: 'first', name: 'First Page'},
                      {key: 'second', name: 'Second Page'},
                      {key: 'add', name: 'Add'},
                    ];
                    setRoutes(newRoutes);
                  }}
                />
                <Button
                  title="go to second page"
                  onPress={() => {
                    pageRef.current.setPage(1);
                  }}
                />
              </View>
            );
          }

          return (
            <View
              key={item.key}
              style={{
                flex: 1,
                alignItems: 'center',
                justifyContent: 'center',
              }}>
              <Text>{item.name}</Text>
            </View>
          );
        })}
      </PagerView>
    </SafeAreaView>
  );
};

export default App;

[MrRefactor]

hey @tannguyen05 , I cannot reproduce it on latest master branch. I will release 6.5.2 version of the lib, please use it.

Screen.Recording.2024-11-28.at.14.46.21.mov

[tannguyen05]

@MrRefactor sorry i tried the latest version 6.6.0 but it doesn't seem to work like your video

=====
hey! I think it's because my application doesn't use fabric.