VerticalViewPager | Copy pasted version of the support ViewPager

I want to get vertical scrolling (one item at a time) but can't find they way to implement viewpager on my code. can anyone help me in implementing view pager on my code. I tried using Fragment for getting vertical scroll but no luck. Any help will be appreciated. Thanks in advance.

Here is my code,

MainActivity -

I'm trying to call a method inside a component. In more details, this component shows a vertical page swiper, I need a button "go to the next slide". I'm trying to use ref but I get the error this.refs.verticalViewPager is undefined. I tried to print this.refs, it is undefined too.

I want to use a vertical slide on my application so i implemented this library: https://github.com/castorflex/VerticalViewPager by adding implementation com.github.castorflex.verticalviewpager:library:19.0.1 in the dependencies of build.gradle.

Now i want to add this viewPager to my xml file (If it was native horizontal View pager i'll do in the layout something like ) But everything i try failed, what is the syntax to do it ? (never worked with libraries before) I've tried too Thanks

below is my build.gradle file dependencies

I have used Custom ViewPager which extends Viewpager . I have used gesture detector to do the scroll event.

here is my code,

I have used Vertical Viewpager in my project.

But there are some issues,

1. when the page has lots of onclick() events, the scrolling is too hard

2. fling event doesn't change the page

3. I tried to use gesture detector, but it changed pages too fast without transitions (without invoking transformPage())

4. when I scroll the page, Sometimes onclick() events also get triggered

So I decided to use Recyclerview as Viewpager with the help of PagerSnapHelper.

It works fine. But the problem is ,

how to do the transition or animation when the item is changed (like I did in ViewPager)

For example, Zoomout transition or stack transition in Viewpager.

I tried stackLayoutManager but it takes more time to scroll and tried this related link .It doesn't work.

I researched for both issues How to reduce scroll speed for viewpager and how to do animations in recyclerview. I didn't get solution for it.

Can anyone help me!!! is it possible or I need to use any other widgets.

I tried #ADM's suggestion, it works fine but doesn't support PagerSnapHelper.

I have changed stacklayout manager in the above link but it doesn't support scrollToPosition() and PagerSnapHelper.

Code:

I have this custom ViewPager created from here (Android: Vertical ViewPager):

I'm writing a html page reader, cant load all .html because its huge and performance is bad, so I decided to split it into 3(or more) html and load that inside Web View nested with View Pager (swipe vertically)

My problem is that I should swipe slowly to scroll the web view and swipe fast to change view pager

Slow swiping

fast swipe change the Page on ViewPager

1) Can i expand webview to all its content heigh inside viewpager ? 2) Can change viewpager item only when topScroll or endScroll?

what i've tried so far:

CustomWebView

The layout of my activity is like this:

There is a view pager: