react-native 0.48.3 and react-native-swiper - Last slide shown first

[nixoz]

Which OS ?

IOS

Version

Which versions are you using:

• react-native-swiper v1.5.12 (but it affect every single version of it, tried back to 1.5.4 as well)
• react-native v0.48.3

Expected behaviour

• The first slide should be first.

Actual behaviour

• The last slide showed first.
• Awkward pagination display - it shows the state of the first slide, while displaying the last slide.

p.s. If loop={false} is set - everything seems fine.

How to reproduce it>

Just get the repo from
https://github.com/nixoz/swiperDemo

Steps to reproduce

1. Create mint react-native project
2. Copy paste first example from react-native-swiper README
3. react-native run-ios
4. KABOOM!

[nixoz]

UPD: I guess it related to regression 'ScrollView contentOffset bug' -
facebook/react-native#15808

UPD: Yup, it is.

[mtt87]

Yes it's a regression, not working also on RN 0.46

[longsangstan]

not working also on RN 0.44

[BenoitClaveau]

Have you try with loop=false ?

[kdong007]

same issue here

[BenoitClaveau]

The bug is here
if (loop) {
pages.unshift(total - 1 + '')
pages.push('0')
}

pages is modified but index is not updated. So the "current" page change.

[1uokun]

Still exists in iOS whatever version.
Can you tell me what is the action in this step to update in Line 329?

react-native-swiper/src/index.js

Lines 324 to 330 in f00abfb

	if (this.initialRender && this.state.total > 1) {
	this.scrollView.scrollTo({ ...offset, animated: false })
	this.initialRender = false
	}
	this.setState(state)
	}

When I change the code,It works as well as Android

- this.setState(state)
+ Platform.OS !== 'ios'&&this.setState(state)