React-native-swiper: Vertical Scroll is not working on Android

[ShawnBaek]

I've tested on Android.

Vertical Scroll is not working.

Anyone helping me?

[jiaxin262]

+1

[aitnasser]

+1

[hotbooyx]

+1

[swoopyy]

+1

[SrihariThalla]

+1

[nomoreboredom]

I believe this is not an issue for me anymore, as I am successfully rendering using Scrollviews on android as well.

[ryd0rz]

+1 (paging not working in android branch)

[leon2011leon]

+1

[dioxide]

+1

[tioback]

"+1"s are so annoying. Why not use the reaction feature and add a "thumbs up" or something like it?

[honzahk]

+1

[sagivo]

+1
any news as it's a very old topic

[Myrthan]

+1

[America-first-melon]

+1
Hasn't it been solved yet?

[aldigjo]

Any news on this?

[lybhis]

+1

[DuyBui1993]

+1

[norman-kapschefsky]

+1
If you render a scrollview as a page of swiper you cant scroll it on Android. IOS is fine.

Edit:
-1

A scrollview within the Swiper works on Android like expected. What you have to ensure is that you specify the height of the Swiper and the nested ScrollView. The problem we run into was likely that the ScrollView's height was as huge as its content so scrolling isn't needed/possible.

I did the following:

1. Calculated the exact height for each swiper page
2. Set height to height prop of Swiper
3. Pass the same height as style to the Swiper children (ScrollView)

This works like a charm. I can scroll the content of the ScrollView vertically and the Swiper horizontally.

Hope this helps you guys...

[BBBOND]

Would it cause some problem if I changed "ViewPagerAndroid" to "ScrollView" in android?

[kazijehangir]

I am willing to work on fixing this issue. However, I am new to this project. Can anyone guide me to any leads as of yet?
Thanks.

[maartenpetit]

ViewPagerAndroid does not support vertical scrolling as the native component does not support it.
http://stackoverflow.com/questions/13477820/android-vertical-viewpager

ScrollView supports vertical scrolling on Android but not vertical paging.
https://github.com/facebook/react-native/issues/11020

[maartenpetit]

I don't know if it is possible to achieve this without native code.

Native implementations of a vertical ViewPager:
https://github.com/grantland/android-verticalpager
https://github.com/JakeWharton/Android-DirectionalViewPager
https://github.com/castorflex/VerticalViewPager

[kashav]

@norman-kapschefsky How did you calculate the height of each swiper page?

[nartich]

https://www.npmjs.com/package/@nart/react-native-swiper

[LeaveNhA]

Does anyone working on a REAL solution about this ?

[abdulbasit1248]

Here is the solution.Please use swiper from this package and import like below.
import Swiper from '@nart/react-native-swiper'

https://www.npmjs.com/package/@nart/react-native-swiper

[LeaveNhA]

Thank you @abdulbasit1248 !