feat(android): add support for overScrollMode (#192)

Author: osdnk

README.md

@@ -125,6 +125,7 @@ const styles = StyleSheet.create({
 |`orientation: Orientation`|Set `horizontal` or `vertical` scrolling orientation (it does **not** work dynamically)|both
 |`transitionStyle: TransitionStyle`|Use `scroll` or `curl` to change transition style (it does **not** work dynamically)|iOS
 |`showPageIndicator: boolean`|Shows the dots indicator at the bottom of the view|iOS
+|`overScrollMode: OverScollMode`|Used to override default value of overScroll mode. Can be `auto`, `always` or `never`. Defaults to `auto`|Android
 
 ## Preview
 

android/src/main/java/com/reactnativecommunity/viewpager/ReactViewPagerManager.java

@@ -147,6 +147,17 @@ public void setOrientation(ViewPager2 viewPager, String value) {
         viewPager.setOrientation(value.equals("vertical") ? ViewPager2.ORIENTATION_VERTICAL : ORIENTATION_HORIZONTAL);
     }
 
+    @ReactProp(name = "overScrollMode")
+    public void setOverScrollMode(ViewPager2 viewPager, String value) {
+        View child = viewPager.getChildAt(0);
+        if (value.equals("never")) {
+            child.setOverScrollMode(ViewPager2.OVER_SCROLL_NEVER);
+        } else if (value.equals("always")) {
+            child.setOverScrollMode(ViewPager2.OVER_SCROLL_ALWAYS);
+        } else {
+            child.setOverScrollMode(ViewPager2.OVER_SCROLL_IF_CONTENT_SCROLLS);
+        }
+    }
 
     @Override
     public Map getExportedCustomDirectEventTypeConstants() {

js/types.js

@@ -43,6 +43,7 @@ export type PageSelectedEvent = SyntheticEvent<
 
 export type TransitionStyle = 'scroll' | 'curl';
 export type Orientation = 'horizontal' | 'vertical';
+export type OverScrollMode = 'auto' | 'always' | 'never';
 
 export type ViewPagerProps = $ReadOnly<{|
   /**
@@ -120,4 +121,8 @@ export type ViewPagerProps = $ReadOnly<{|
   orientation?: Orientation,
   transitionStyle?: TransitionStyle,
   showPageIndicator?: boolean,
+  /**
+   * Android only
+   */
+  overScrollMode?: OverScrollMode,
 |}>;

typings/index.d.ts

@@ -90,6 +90,10 @@ export interface ViewPagerProps {
     orientation?: 'horizontal' | 'vertical',
     transitionStyle?: 'scroll' | 'curl',
     showPageIndicator?: boolean,
+    /**
+    * Android only
+    */
+   overScrollMode?: 'auto' | 'always' | 'never',
 }
 
 declare class ViewPagerComponent extends React.Component<ViewPagerProps> {}