Swiper cuts off after state update on another page

[kchangch]

After I swipe to the second page, if a state update occurs on the previous page, the current page gets drifted to the left. Is there any solution to this issue?

[slolkunchik]

the same problem - if I like the page and state updates, the screen changes the page on another one, but pagination stays the same. Then I swipe and see on the same pagination necessary liked screen. So once again, pagination stays the same. And then if there no more state updates, the swiper works as usual.
That's just on ios, android works properly.

[kchangch]

Is there any solution to this issue?

[frasermince]

I just ran into this issue too and fixed it by using the current master ref in my package.json. Looks like this is fixed in master!

[kchangch]

Can you expand on changing the ref to master? Sorry i'm quiet new to this

[frasermince]

Sure! In my package.json I changed:
"react-native-swiper": "^1.6.0",
to
"react-native-swiper": "https://github.com/leecade/react-native-swiper#5827a80002738abd1c0dc08428303c79bbc840c0",

[kwameaj67]

Sure! In my package.json I changed:
"react-native-swiper": "^1.6.0",
to
"react-native-swiper": "https://github.com/leecade/react-native-swiper#5827a80002738abd1c0dc08428303c79bbc840c0",

still doesn't work

[ValerianThomas]

Hi Guys,
I have encounter the same issue.
Any updates ?

[QAQmmttyyy]

same issue #1171
#1174 Please try this. Actually it's already fixed, but missed in the 1.6.0 release.

[QAQmmttyyy]

@

same issue #1171
#1174 Please try this. Actually it's already fixed, but missed in the 1.6.0 release.

@kchangch

[mohity7777]

when is this thing going to get updated ??

[QAQmmttyyy]

@skv-headless @mohity7777
Look at the comment.

  renderScrollView = pages => {
    return (
      <ScrollView
        ref={this.refScrollView}
        {...this.props}
        {...this.scrollViewPropOverrides()}
        contentContainerStyle={[styles.wrapperIOS, this.props.style]}
        // try remove this line. or sync the state.offset with internal.offset.
        // contentOffset={this.state.offset}
        onScrollBeginDrag={this.onScrollBegin}
        onMomentumScrollEnd={this.onScrollEnd}
        onScrollEndDrag={this.onScrollEndDrag}
        style={this.props.scrollViewStyle}
      >
        {pages}
      </ScrollView>
    )
  }

[mohity7777]

Actually doing the changes in node modules solved my issue. I just meant that why is this not there in latest release ?

[nerdic-coder]

Sure! In my package.json I changed:
"react-native-swiper": "^1.6.0",
to
"react-native-swiper": "https://github.com/leecade/react-native-swiper#5827a80002738abd1c0dc08428303c79bbc840c0",

This solved it for me. Thank you!
They should really publish this as an 1.6.1, since this seems to be a common issue.

[kckunal2612]

Sure! In my package.json I changed: "react-native-swiper": "^1.6.0", to "react-native-swiper": "https://github.com/leecade/react-native-swiper#5827a80002738abd1c0dc08428303c79bbc840c0",

Thank you, this was a life-saver!

[davemannn]

Sure! In my package.json I changed:
"react-native-swiper": "^1.6.0",
to
"react-native-swiper": "https://github.com/leecade/react-native-swiper#5827a80002738abd1c0dc08428303c79bbc840c0",

You're a super-man!

[ghost]

Sure! In my package.json I changed:
"react-native-swiper": "^1.6.0",
to
"react-native-swiper": "https://github.com/leecade/react-native-swiper#5827a80002738abd1c0dc08428303c79bbc840c0",