react-native-app-onboard 0.1.8 → 0.2.0

package/lib/commonjs/components/Page.js

@@ -11,12 +11,12 @@ const {
   width,
   height
 } = _reactNative.Dimensions.get('window');
-const potrait = height > width;
+const portrait = height > width;
 function OnboardingPage(props) {
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.container, {
       width: props.width
-    }, props.containerStyle, props.swap && styles.swapStyle]
+    }, props.containerStyle, props.swap && styles.swapStyle, props.mirror && styles.mirror]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.imageContainer, props.imageContainerStyle]
   }, props.image), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -50,7 +50,7 @@ const styles = _reactNative.StyleSheet.create({
   },
   imageContainer: {
     flex: 0,
-    paddingBottom: potrait ? 60 : 10,
+    paddingBottom: portrait ? 60 : 10,
     alignItems: 'center',
     width: '100%'
   },
@@ -59,6 +59,11 @@ const styles = _reactNative.StyleSheet.create({
   },
   swapStyle: {
     flexDirection: 'column-reverse'
+  },
+  mirror: {
+    transform: [{
+      scaleX: -1
+    }]
   }
 });
 //# sourceMappingURL=Page.js.map

package/lib/commonjs/components/Page.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","e","__esModule","default","width","height","Dimensions","get","potrait","OnboardingPage","props","createElement","View","style","styles","container","containerStyle","swap","swapStyle","imageContainer","imageContainerStyle","image","titleContainer","titleContainerStyle","Text","title","color","titleStyle","subtitle","subtitleStyle","StyleSheet","create","flex","justifyContent","alignItems","flexDirection","fontSize","fontWeight","paddingBottom","textAlign","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/Page.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AASA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAiB1B,MAAM;EAAEG,KAAK;EAAEC;AAAO,CAAC,GAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC;AAClD,MAAMC,OAAO,GAAGH,MAAM,GAAGD,KAAK;AAEvB,SAASK,cAAcA,CAACC,KAAW,EAAE;EAC1C,oBACEX,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAe,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEX,KAAK,EAAEM,KAAK,CAACN;IAAM,CAAC,EACtBM,KAAK,CAACM,cAAc,EACpBN,KAAK,CAACO,IAAI,IAAIH,MAAM,CAACI,SAAS;EAC9B,gBAEFnB,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACK,cAAc,EAAET,KAAK,CAACU,mBAAmB;EAAE,GAC7DV,KAAK,CAACW,KACH,CAAC,eACPtB,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACQ,cAAc,EAAEZ,KAAK,CAACa,mBAAmB;EAAE,gBAC9DxB,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAA2B,IAAI;IACHX,KAAK,EAAE,CACLC,MAAM,CAACW,KAAK,EACZ;MACEC,KAAK,EAAEhB,KAAK,CAACgB;IACf,CAAC,EACDhB,KAAK,CAACiB,UAAU;EAChB,GAEDjB,KAAK,CAACe,KACH,CAAC,eACP1B,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAA2B,IAAI;IACHX,KAAK,EAAE,CACLC,MAAM,CAACc,QAAQ,EACf;MACEF,KAAK,EAAEhB,KAAK,CAACgB;IACf,CAAC,EACDhB,KAAK,CAACmB,aAAa;EACnB,GAEDnB,KAAK,CAACkB,QACH,CACF,CACF,CAAC;AAEX;AAEA,MAAMd,MAAM,GAAGgB,uBAAU,CAACC,MAAM,CAAC;EAC/BhB,SAAS,EAAE;IACTiB,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDV,KAAK,EAAE;IACLW,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,aAAa,EAAE,EAAE;IACjBC,SAAS,EAAE;EACb,CAAC;EACDX,QAAQ,EAAE;IACRQ,QAAQ,EAAE,EAAE;IACZG,SAAS,EAAE;EACb,CAAC;EACDpB,cAAc,EAAE;IACda,IAAI,EAAE,CAAC;IACPM,aAAa,EAAE9B,OAAO,GAAG,EAAE,GAAG,EAAE;IAChC0B,UAAU,EAAE,QAAQ;IACpB9B,KAAK,EAAE;EACT,CAAC;EACDkB,cAAc,EAAE;IACdkB,gBAAgB,EAAE;EACpB,CAAC;EACDtB,SAAS,EAAE;IACTiB,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","e","__esModule","default","width","height","Dimensions","get","portrait","OnboardingPage","props","createElement","View","style","styles","container","containerStyle","swap","swapStyle","mirror","imageContainer","imageContainerStyle","image","titleContainer","titleContainerStyle","Text","title","color","titleStyle","subtitle","subtitleStyle","StyleSheet","create","flex","justifyContent","alignItems","flexDirection","fontSize","fontWeight","paddingBottom","textAlign","marginHorizontal","transform","scaleX"],"sourceRoot":"../../../src","sources":["components/Page.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AASA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAmB1B,MAAM;EAAEG,KAAK;EAAEC;AAAO,CAAC,GAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC;AAClD,MAAMC,QAAQ,GAAGH,MAAM,GAAGD,KAAK;AAExB,SAASK,cAAcA,CAACC,KAAW,EAAE;EAC1C,oBACEX,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAe,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEX,KAAK,EAAEM,KAAK,CAACN;IAAM,CAAC,EACtBM,KAAK,CAACM,cAAc,EACpBN,KAAK,CAACO,IAAI,IAAIH,MAAM,CAACI,SAAS,EAC9BR,KAAK,CAACS,MAAM,IAAIL,MAAM,CAACK,MAAM;EAC7B,gBAEFpB,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACM,cAAc,EAAEV,KAAK,CAACW,mBAAmB;EAAE,GAC7DX,KAAK,CAACY,KACH,CAAC,eACPvB,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACS,cAAc,EAAEb,KAAK,CAACc,mBAAmB;EAAE,gBAC9DzB,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAA4B,IAAI;IACHZ,KAAK,EAAE,CACLC,MAAM,CAACY,KAAK,EACZ;MACEC,KAAK,EAAEjB,KAAK,CAACiB;IACf,CAAC,EACDjB,KAAK,CAACkB,UAAU;EAChB,GAEDlB,KAAK,CAACgB,KACH,CAAC,eACP3B,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAA4B,IAAI;IACHZ,KAAK,EAAE,CACLC,MAAM,CAACe,QAAQ,EACf;MACEF,KAAK,EAAEjB,KAAK,CAACiB;IACf,CAAC,EACDjB,KAAK,CAACoB,aAAa;EACnB,GAEDpB,KAAK,CAACmB,QACH,CACF,CACF,CAAC;AAEX;AAEA,MAAMf,MAAM,GAAGiB,uBAAU,CAACC,MAAM,CAAC;EAC/BjB,SAAS,EAAE;IACTkB,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDV,KAAK,EAAE;IACLW,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,aAAa,EAAE,EAAE;IACjBC,SAAS,EAAE;EACb,CAAC;EACDX,QAAQ,EAAE;IACRQ,QAAQ,EAAE,EAAE;IACZG,SAAS,EAAE;EACb,CAAC;EACDpB,cAAc,EAAE;IACda,IAAI,EAAE,CAAC;IACPM,aAAa,EAAE/B,QAAQ,GAAG,EAAE,GAAG,EAAE;IACjC2B,UAAU,EAAE,QAAQ;IACpB/B,KAAK,EAAE;EACT,CAAC;EACDmB,cAAc,EAAE;IACdkB,gBAAgB,EAAE;EACpB,CAAC;EACDvB,SAAS,EAAE;IACTkB,aAAa,EAAE;EACjB,CAAC;EACDjB,MAAM,EAAE;IACNuB,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC;IAAE,CAAC;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/Pagination.js

@@ -6,30 +6,63 @@ Object.defineProperty(exports, "__esModule", {
 exports.Pagination = Pagination;
 var _reactNative = require("react-native");
 var _react = _interopRequireDefault(require("react"));
+var _tinycolor = _interopRequireDefault(require("tinycolor2"));
 var _useOnboarding = require("../hooks/useOnboarding");
 var _button = require("./button");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function Pagination(props) {
   const {
-    isDone
+    isDone,
+    currentPage,
+    progress,
+    scrollTo,
+    previousPage
   } = (0, _useOnboarding.useOnboarding)();
   const dots = Array.from({
     length: props.numberOfScreens
   }, (_, i) => i);
   const width = props.width;
+  const showPrevious = props.showPrevious && currentPage > 0;
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.pagination, {
       backgroundColor: props.backgroundColor
     }, props.paginationContainerStyle]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.buttons, styles.leftButton, props.buttonLeftContainerStyle]
-  }, props.showSkip && !props.hasSkipPosition && /*#__PURE__*/_react.default.createElement(_button.Button, {
+  }, showPrevious && /*#__PURE__*/_react.default.createElement(_button.Button, {
+    onPress: () => previousPage(),
+    buttonTextStyle: props.previousLabelStyle,
+    buttonStyle: props.previousButtonContainerStyle,
+    label: props.previousLabel || 'Back'
+  }), !showPrevious && props.showSkip && !props.hasSkipPosition && /*#__PURE__*/_react.default.createElement(_button.Button, {
     onPress: props.onSkip,
     buttonTextStyle: props.skipLabelStyle,
     buttonStyle: props.skipButtonContainerStyle,
     label: props.skipLabel || 'Skip'
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.dotsContainer
+  })), props.paginationStyle === 'progress' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    accessible: true,
+    accessibilityRole: "progressbar",
+    accessibilityValue: {
+      min: 0,
+      max: 100,
+      now: progress
+    },
+    style: [styles.progressTrack,
+    // Derive a faint track from the (background-aware) fill color so it
+    // stays visible on both light and dark pages.
+    {
+      backgroundColor: (0, _tinycolor.default)(props.color).setAlpha(0.25).toRgbString()
+    },
+    // Mirror the fill direction so it grows from the trailing edge.
+    props.mirror && styles.mirror, props.progressBarStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.progressFill, {
+      backgroundColor: props.color,
+      width: `${progress}%`
+    }, props.progressBarFillStyle]
+  })) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.dotsContainer, props.mirror && styles.mirror, props.dotsContainerStyle]
   }, dots.map((_, i) => {
     const inputRange = [(i - 1) * width, i * width, (i + 1) * width];
     const dotOpacity = props.animatedValue.interpolate({
@@ -37,13 +70,27 @@ function Pagination(props) {
       outputRange: [0.3, 1, 0.3],
       extrapolate: 'clamp'
     });
-    return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    const dotProps = {
+      accessibilityRole: props.dotsAreTappable ? 'button' : 'image',
+      accessibilityLabel: `Page ${i + 1} of ${props.numberOfScreens}`,
+      accessibilityState: {
+        selected: i === currentPage
+      }
+    };
+    const dot = /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
       key: i,
       style: [styles.dot, {
         backgroundColor: props.color,
         opacity: dotOpacity
-      }, props.dotsContainerStyle]
+      }]
     });
+    return props.dotsAreTappable ? /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
+      key: i,
+      onPress: () => scrollTo(i),
+      hitSlop: 8
+    }, dotProps), dot) : /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+      key: i
+    }, dotProps), dot);
   })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.buttons, styles.rightButton, props.buttonRightContainerStyle]
   }, !isDone && props.showNext && /*#__PURE__*/_react.default.createElement(_button.Button, {
@@ -76,22 +123,37 @@ const styles = _reactNative.StyleSheet.create({
   },
   dotsContainer: {
     flexDirection: 'row',
-    flex: 1,
-    justifyContent: 'center'
+    flex: 2,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  progressTrack: {
+    flex: 2,
+    height: 6,
+    borderRadius: 3,
+    marginHorizontal: 16,
+    overflow: 'hidden'
+  },
+  progressFill: {
+    height: '100%',
+    borderRadius: 3
   },
   text: {
     fontSize: 16
   },
   buttons: {
-    minWidth: 200
+    flex: 1
   },
   rightButton: {
-    alignItems: 'flex-end',
-    paddingRight: 30
+    alignItems: 'flex-end'
   },
   leftButton: {
-    alignItems: 'flex-start',
-    paddingLeft: 30
+    alignItems: 'flex-start'
+  },
+  mirror: {
+    transform: [{
+      scaleX: -1
+    }]
   }
 });
 //# sourceMappingURL=Pagination.js.map

package/lib/commonjs/components/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_useOnboarding","_button","e","__esModule","default","Pagination","props","isDone","useOnboarding","dots","Array","from","length","numberOfScreens","_","i","width","createElement","View","style","styles","pagination","backgroundColor","paginationContainerStyle","buttons","leftButton","buttonLeftContainerStyle","showSkip","hasSkipPosition","Button","onPress","onSkip","buttonTextStyle","skipLabelStyle","buttonStyle","skipButtonContainerStyle","label","skipLabel","dotsContainer","map","inputRange","dotOpacity","animatedValue","interpolate","outputRange","extrapolate","Animated","key","dot","color","opacity","dotsContainerStyle","rightButton","buttonRightContainerStyle","showNext","onNext","nextLabel","nextLabelStyle","nextButtonContainerStyle","showDone","onDone","doneLabel","doneLabelStyle","doneButtonContainerStyle","StyleSheet","create","flexDirection","justifyContent","alignItems","height","paddingVertical","paddingHorizontal","borderRadius","marginHorizontal","flex","text","fontSize","minWidth","paddingRight","paddingLeft"],"sourceRoot":"../../../src","sources":["components/Pagination.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_tinycolor","_useOnboarding","_button","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Pagination","props","isDone","currentPage","progress","scrollTo","previousPage","useOnboarding","dots","Array","from","numberOfScreens","_","i","width","showPrevious","createElement","View","style","styles","pagination","backgroundColor","paginationContainerStyle","buttons","leftButton","buttonLeftContainerStyle","Button","onPress","buttonTextStyle","previousLabelStyle","buttonStyle","previousButtonContainerStyle","label","previousLabel","showSkip","hasSkipPosition","onSkip","skipLabelStyle","skipButtonContainerStyle","skipLabel","paginationStyle","accessible","accessibilityRole","accessibilityValue","min","max","now","progressTrack","tinycolor","color","setAlpha","toRgbString","mirror","progressBarStyle","progressFill","progressBarFillStyle","dotsContainer","dotsContainerStyle","map","inputRange","dotOpacity","animatedValue","interpolate","outputRange","extrapolate","dotProps","dotsAreTappable","accessibilityLabel","accessibilityState","selected","dot","Animated","key","opacity","Pressable","hitSlop","rightButton","buttonRightContainerStyle","showNext","onNext","nextLabel","nextLabelStyle","nextButtonContainerStyle","showDone","onDone","doneLabel","doneLabelStyle","doneButtonContainerStyle","StyleSheet","create","flexDirection","justifyContent","alignItems","height","paddingVertical","paddingHorizontal","borderRadius","marginHorizontal","flex","overflow","text","fontSize","transform","scaleX"],"sourceRoot":"../../../src","sources":["components/Pagination.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Swiper.js

@@ -10,100 +10,73 @@ var _CustomPages = require("./CustomPages");
 var _reactNative = require("react-native");
 var _useOnboarding = require("../hooks/useOnboarding");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const Swiper = props => {
-  const scrollX = _react.default.useRef(new _reactNative.Animated.Value(0)).current;
+  // `scrollX` is always JS-driven because the background-color interpolation
+  // cannot run on the native thread. When `useNativeDriver` is enabled we also
+  // keep `nativeScrollX`, driven natively, for transform/opacity animations
+  // (the pagination dots), and mirror its offset onto `scrollX` via a JS
+  // listener so the color interpolation keeps working.
+  const scrollX = _react.default.useMemo(() => new _reactNative.Animated.Value(0), []);
+  const nativeScrollX = _react.default.useMemo(() => new _reactNative.Animated.Value(0), []);
+  const nativeDriverEnabled = props.useNativeDriver ?? false;
+  const dotsAnimatedValue = nativeDriverEnabled ? nativeScrollX : scrollX;
+
+  // Direction handling: default to the device direction. We only mirror
+  // manually (via scaleX) when the requested direction differs from the
+  // device's — when they match, React Native already lays the row out
+  // correctly and an extra flip would double-invert it.
+  const rtl = props.rtl ?? _reactNative.I18nManager.isRTL;
+  const mirror = rtl !== _reactNative.I18nManager.isRTL;
   const {
-    flatListRef,
+    setFlatListRef,
     setCurrentPage,
     currentPage,
     numberOfScreens,
     nextPage,
-    scrollEnabled
+    scrollEnabled,
+    pauseAutoPlay
   } = (0, _useOnboarding.useOnboarding)();
+  const onScroll = _react.default.useMemo(() => nativeDriverEnabled ? _reactNative.Animated.event([{
+    nativeEvent: {
+      contentOffset: {
+        x: nativeScrollX
+      }
+    }
+  }], {
+    useNativeDriver: true,
+    listener: event => scrollX.setValue(event.nativeEvent.contentOffset.x)
+  }) : _reactNative.Animated.event([{
+    nativeEvent: {
+      contentOffset: {
+        x: scrollX
+      }
+    }
+  }], {
+    useNativeDriver: false
+  }), [nativeDriverEnabled, nativeScrollX, scrollX]);
+
+  // Stop autoplay as soon as the user takes manual control of the slider.
+  const onScrollBeginDrag = _react.default.useCallback(() => pauseAutoPlay(), [pauseAutoPlay]);
+  const shared = {
+    setFlatListRef,
+    scrollX,
+    dotsAnimatedValue,
+    onScroll,
+    onScrollBeginDrag,
+    setPage: setCurrentPage,
+    currentPage,
+    numberOfScreens,
+    nextPage,
+    scrollEnabled,
+    mirror
+  };
   if (props.children) {
-    return /*#__PURE__*/_react.default.createElement(_CustomPages.CustomPages, {
-      customFooter: props.customFooter,
-      showPagination: props.showPagination,
-      flatListRef: flatListRef,
-      scrollX: scrollX,
-      setPage: setCurrentPage,
-      scrollEnabled: scrollEnabled,
-      currentPage: currentPage,
-      numberOfScreens: numberOfScreens,
-      nextPage: nextPage,
-      showDone: props.showDone,
-      showNext: props.showNext,
-      onDone: props.onDone,
-      skipButtonContainerStyle: props.skipButtonContainerStyle,
-      nextButtonContainerStyle: props.nextButtonContainerStyle,
-      doneButtonContainerStyle: props.doneButtonContainerStyle,
-      skipButtonPosition: props.skipButtonPosition,
-      paginationContainerStyle: props.paginationContainerStyle,
-      paginationPosition: props.paginationPosition,
-      nextLabel: props.nextLabel,
-      skipLabel: props.skipLabel,
-      doneLabel: props.doneLabel,
-      showSkip: props.showSkip,
-      onSkip: props.onSkip,
-      scrollAnimationDuration: props.scrollAnimationDuration,
-      buttonLeftContainerStyle: props.buttonLeftContainerStyle,
-      buttonRightContainerStyle: props.buttonRightContainerStyle,
-      dotsContainerStyle: props.dotsContainerStyle,
-      doneLabelStyle: props.doneLabelStyle,
-      skipLabelStyle: props.skipLabelStyle,
-      nextLabelStyle: props.nextLabelStyle,
-      width: props.width,
-      color: props.color,
-      useNativeDriver: props.useNativeDriver,
-      imageContainerStyle: props.imageContainerStyle,
-      containerStyle: props.containerStyle,
-      titleContainerStyle: props.titleContainerStyle,
-      titleStyle: props.titleStyle,
-      subtitleStyle: props.subtitleStyle,
-      swap: props.swap
-    }, props.children);
+    return /*#__PURE__*/_react.default.createElement(_CustomPages.CustomPages, _extends({}, props, shared), props.children);
   }
-  return /*#__PURE__*/_react.default.createElement(_OnboardingPages.OnboardingPages, {
-    showDone: props.showDone,
-    customFooter: props.customFooter,
-    flatListRef: flatListRef,
-    scrollX: scrollX,
-    setPage: setCurrentPage,
-    currentPage: currentPage,
-    paginationPosition: props.paginationPosition,
-    nextPage: nextPage,
-    showSkip: props.showSkip,
-    onDone: props.onDone,
-    pages: props.pages || [],
-    width: props.width,
-    showNext: props.showNext,
-    skipButtonContainerStyle: props.skipButtonContainerStyle,
-    nextButtonContainerStyle: props.nextButtonContainerStyle,
-    doneButtonContainerStyle: props.doneButtonContainerStyle,
-    skipLabelStyle: props.skipLabelStyle,
-    skipButtonPosition: props.skipButtonPosition,
-    showPagination: props.showPagination,
-    color: props.color,
-    onSkip: props.onSkip,
-    swap: props.swap,
-    scrollEnabled: scrollEnabled,
-    nextLabel: props.nextLabel,
-    skipLabel: props.skipLabel,
-    doneLabel: props.doneLabel,
-    scrollAnimationDuration: props.scrollAnimationDuration,
-    buttonLeftContainerStyle: props.buttonLeftContainerStyle,
-    buttonRightContainerStyle: props.buttonRightContainerStyle,
-    dotsContainerStyle: props.dotsContainerStyle,
-    doneLabelStyle: props.doneLabelStyle,
-    nextLabelStyle: props.nextLabelStyle,
-    useNativeDriver: props.useNativeDriver,
-    imageContainerStyle: props.imageContainerStyle,
-    containerStyle: props.containerStyle,
-    titleContainerStyle: props.titleContainerStyle,
-    titleStyle: props.titleStyle,
-    subtitleStyle: props.subtitleStyle,
-    paginationContainerStyle: props.paginationContainerStyle
-  });
+  return /*#__PURE__*/_react.default.createElement(_OnboardingPages.OnboardingPages, _extends({}, props, shared, {
+    pages: props.pages || []
+  }));
 };
 exports.Swiper = Swiper;
 //# sourceMappingURL=Swiper.js.map

package/lib/commonjs/components/Swiper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_OnboardingPages","_CustomPages","_reactNative","_useOnboarding","e","__esModule","default","Swiper","props","scrollX","React","useRef","Animated","Value","current","flatListRef","setCurrentPage","currentPage","numberOfScreens","nextPage","scrollEnabled","useOnboarding","children","createElement","CustomPages","customFooter","showPagination","setPage","showDone","showNext","onDone","skipButtonContainerStyle","nextButtonContainerStyle","doneButtonContainerStyle","skipButtonPosition","paginationContainerStyle","paginationPosition","nextLabel","skipLabel","doneLabel","showSkip","onSkip","scrollAnimationDuration","buttonLeftContainerStyle","buttonRightContainerStyle","dotsContainerStyle","doneLabelStyle","skipLabelStyle","nextLabelStyle","width","color","useNativeDriver","imageContainerStyle","containerStyle","titleContainerStyle","titleStyle","subtitleStyle","swap","OnboardingPages","pages","exports"],"sourceRoot":"../../../src","sources":["components/Swiper.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_OnboardingPages","_CustomPages","_reactNative","_useOnboarding","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Swiper","props","scrollX","React","useMemo","Animated","Value","nativeScrollX","nativeDriverEnabled","useNativeDriver","dotsAnimatedValue","rtl","I18nManager","isRTL","mirror","setFlatListRef","setCurrentPage","currentPage","numberOfScreens","nextPage","scrollEnabled","pauseAutoPlay","useOnboarding","onScroll","event","nativeEvent","contentOffset","x","listener","setValue","onScrollBeginDrag","useCallback","shared","setPage","children","createElement","CustomPages","OnboardingPages","pages","exports"],"sourceRoot":"../../../src","sources":["components/Swiper.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/button.js

@@ -10,7 +10,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const Button = props => {
   return typeof props.label === 'string' ? /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     onPress: props.onPress,
-    style: props.buttonStyle
+    style: props.buttonStyle,
+    accessibilityRole: "button",
+    accessibilityLabel: props.label
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.text, {
       color: props.color || 'white'

package/lib/commonjs/components/button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","e","__esModule","default","Button","props","label","createElement","TouchableOpacity","onPress","style","buttonStyle","Text","styles","text","color","buttonTextStyle","exports","SkipButton","top","left","position","undefined","right","skipButton","StyleSheet","create","pagination","flexDirection","justifyContent","alignItems","height","paddingVertical","paddingHorizontal","dot","width","borderRadius","backgroundColor","marginHorizontal","dotsContainer","flex","fontSize","buttons","minWidth","rightButton","paddingRight","leftButton","paddingLeft","zIndex"],"sourceRoot":"../../../src","sources":["components/button.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUnB,MAAMG,MAAM,GAAIC,KAAkB,IAAK;EAC5C,OAAO,OAAOA,KAAK,CAACC,KAAK,KAAK,QAAQ,gBACpCP,MAAA,CAAAI,OAAA,CAAAI,aAAA,CAACV,YAAA,CAAAW,gBAAgB;IAACC,OAAO,EAAEJ,KAAK,CAACI,OAAQ;IAACC,KAAK,EAAEL,KAAK,CAACM;EAAY,gBACjEZ,MAAA,CAAAI,OAAA,CAAAI,aAAA,CAACV,YAAA,CAAAe,IAAI;IACHF,KAAK,EAAE,CACLG,MAAM,CAACC,IAAI,EACX;MACEC,KAAK,EAAEV,KAAK,CAACU,KAAK,IAAI;IACxB,CAAC,EACDV,KAAK,CAACW,eAAe;EACrB,GAEDX,KAAK,CAACC,KACH,CACU,CAAC,GAEnBD,KAAK,CAACC,KACP;AACH,CAAC;AAACW,OAAA,CAAAb,MAAA,GAAAA,MAAA;AAEK,MAAMc,UAAU,GACrBb,KAEC,IACE;EACH,MAAMM,WAAW,GAAG;IAClBQ,GAAG,EAAE,EAAE;IACPC,IAAI,EAAEf,KAAK,CAACgB,QAAQ,KAAK,UAAU,GAAG,EAAE,GAAGC,SAAS;IACpDC,KAAK,EAAElB,KAAK,CAACgB,QAAQ,KAAK,WAAW,GAAG,EAAE,GAAGC;EAC/C,CAAC;EAED,oBACEvB,MAAA,CAAAI,OAAA,CAAAI,aAAA,CAACH,MAAM;IACLE,KAAK,EAAED,KAAK,CAACC,KAAK,IAAI,MAAO;IAC7BG,OAAO,EAAEJ,KAAK,CAACI,OAAQ;IACvBE,WAAW,EAAE,CAACE,MAAM,CAACW,UAAU,EAAEb,WAAW,EAAEN,KAAK,CAACM,WAAW,CAAE;IACjEK,eAAe,EAAEX,KAAK,CAACW,eAAgB;IACvCD,KAAK,EAAEV,KAAK,CAACU;EAAM,CACpB,CAAC;AAEN,CAAC;AAACE,OAAA,CAAAC,UAAA,GAAAA,UAAA;AAEF,MAAML,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BC,UAAU,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE,EAAE;IACVC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDC,GAAG,EAAE;IACHH,MAAM,EAAE,EAAE;IACVI,KAAK,EAAE,EAAE;IACTC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,MAAM;IACvBC,gBAAgB,EAAE;EACpB,CAAC;EACDC,aAAa,EAAE;IACbX,aAAa,EAAE,KAAK;IACpBY,IAAI,EAAE,CAAC;IACPX,cAAc,EAAE;EAClB,CAAC;EACDf,IAAI,EAAE;IACJ2B,QAAQ,EAAE;EACZ,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAE;EACZ,CAAC;EACDC,WAAW,EAAE;IACXd,UAAU,EAAE,UAAU;IACtBe,YAAY,EAAE;EAChB,CAAC;EACDC,UAAU,EAAE;IACVhB,UAAU,EAAE,YAAY;IACxBiB,WAAW,EAAE;EACf,CAAC;EACDvB,UAAU,EAAE;IACVH,QAAQ,EAAE,UAAU;IACpB2B,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","e","__esModule","default","Button","props","label","createElement","TouchableOpacity","onPress","style","buttonStyle","accessibilityRole","accessibilityLabel","Text","styles","text","color","buttonTextStyle","exports","SkipButton","top","left","position","undefined","right","skipButton","StyleSheet","create","pagination","flexDirection","justifyContent","alignItems","height","paddingVertical","paddingHorizontal","dot","width","borderRadius","backgroundColor","marginHorizontal","dotsContainer","flex","fontSize","buttons","minWidth","rightButton","paddingRight","leftButton","paddingLeft","zIndex"],"sourceRoot":"../../../src","sources":["components/button.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUnB,MAAMG,MAAM,GAAIC,KAAkB,IAAK;EAC5C,OAAO,OAAOA,KAAK,CAACC,KAAK,KAAK,QAAQ,gBACpCP,MAAA,CAAAI,OAAA,CAAAI,aAAA,CAACV,YAAA,CAAAW,gBAAgB;IACfC,OAAO,EAAEJ,KAAK,CAACI,OAAQ;IACvBC,KAAK,EAAEL,KAAK,CAACM,WAAY;IACzBC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAER,KAAK,CAACC;EAAM,gBAEhCP,MAAA,CAAAI,OAAA,CAAAI,aAAA,CAACV,YAAA,CAAAiB,IAAI;IACHJ,KAAK,EAAE,CACLK,MAAM,CAACC,IAAI,EACX;MACEC,KAAK,EAAEZ,KAAK,CAACY,KAAK,IAAI;IACxB,CAAC,EACDZ,KAAK,CAACa,eAAe;EACrB,GAEDb,KAAK,CAACC,KACH,CACU,CAAC,GAEnBD,KAAK,CAACC,KACP;AACH,CAAC;AAACa,OAAA,CAAAf,MAAA,GAAAA,MAAA;AAEK,MAAMgB,UAAU,GACrBf,KAEC,IACE;EACH,MAAMM,WAAW,GAAG;IAClBU,GAAG,EAAE,EAAE;IACPC,IAAI,EAAEjB,KAAK,CAACkB,QAAQ,KAAK,UAAU,GAAG,EAAE,GAAGC,SAAS;IACpDC,KAAK,EAAEpB,KAAK,CAACkB,QAAQ,KAAK,WAAW,GAAG,EAAE,GAAGC;EAC/C,CAAC;EAED,oBACEzB,MAAA,CAAAI,OAAA,CAAAI,aAAA,CAACH,MAAM;IACLE,KAAK,EAAED,KAAK,CAACC,KAAK,IAAI,MAAO;IAC7BG,OAAO,EAAEJ,KAAK,CAACI,OAAQ;IACvBE,WAAW,EAAE,CAACI,MAAM,CAACW,UAAU,EAAEf,WAAW,EAAEN,KAAK,CAACM,WAAW,CAAE;IACjEO,eAAe,EAAEb,KAAK,CAACa,eAAgB;IACvCD,KAAK,EAAEZ,KAAK,CAACY;EAAM,CACpB,CAAC;AAEN,CAAC;AAACE,OAAA,CAAAC,UAAA,GAAAA,UAAA;AAEF,MAAML,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BC,UAAU,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE,EAAE;IACVC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDC,GAAG,EAAE;IACHH,MAAM,EAAE,EAAE;IACVI,KAAK,EAAE,EAAE;IACTC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,MAAM;IACvBC,gBAAgB,EAAE;EACpB,CAAC;EACDC,aAAa,EAAE;IACbX,aAAa,EAAE,KAAK;IACpBY,IAAI,EAAE,CAAC;IACPX,cAAc,EAAE;EAClB,CAAC;EACDf,IAAI,EAAE;IACJ2B,QAAQ,EAAE;EACZ,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAE;EACZ,CAAC;EACDC,WAAW,EAAE;IACXd,UAAU,EAAE,UAAU;IACtBe,YAAY,EAAE;EAChB,CAAC;EACDC,UAAU,EAAE;IACVhB,UAAU,EAAE,YAAY;IACxBiB,WAAW,EAAE;EACf,CAAC;EACDvB,UAAU,EAAE;IACVH,QAAQ,EAAE,UAAU;IACpB2B,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/context/OnboardingContext.js

@@ -10,10 +10,16 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const OnboardingContext = exports.OnboardingContext = /*#__PURE__*/_react.default.createContext(undefined);
 const OnboardingProvider = ({
   children,
-  width = _reactNative.Dimensions.get('window').width,
+  width: widthProp,
   numberOfScreens,
-  scrollEnabled
+  scrollEnabled,
+  onPageChange,
+  scrollAnimationDuration,
+  autoPlay = false,
+  autoPlayInterval = 3000,
+  loop = false
 }) => {
+  const width = widthProp ?? _reactNative.Dimensions.get('window').width;
   const getProgress = page => {
     return Math.round((page + 1) / numberOfScreens * 100);
   };
@@ -22,40 +28,114 @@ const OnboardingProvider = ({
   const [isDone, setIsDone] = _react.default.useState(false);
   const [enableScroll, setEnableScroll] = _react.default.useState(scrollEnabled);
   const flatListRef = _react.default.useRef(null);
-  const setCurrentPage = index => {
-    setPage(index);
-    setProgress(getProgress(index));
-    setIsDone(index === numberOfScreens - 1);
-  };
-  const nextPage = (animated = true) => {
-    if (flatListRef.current && currentPage < numberOfScreens - 1) {
-      flatListRef.current.scrollToOffset({
-        offset: width * (currentPage + 1),
-        animated: animated
+  const setFlatListRef = _react.default.useCallback(node => {
+    flatListRef.current = node;
+  }, []);
+  // Tracks the latest page so timers/animations read a fresh value without
+  // needing to be recreated on every page change.
+  const currentPageRef = _react.default.useRef(0);
+  const [isAutoPlaying, setIsAutoPlaying] = _react.default.useState(autoPlay);
+
+  // Keep autoplay in sync if the `autoPlay` prop is toggled after mount.
+  _react.default.useEffect(() => {
+    setIsAutoPlaying(autoPlay);
+  }, [autoPlay]);
+
+  // Dedicated value used to honor a custom scrollAnimationDuration. FlatList's
+  // own animated scroll has a fixed, platform-controlled duration, so when a
+  // duration is requested we drive the offset manually via this value.
+  const scrollAnim = _react.default.useMemo(() => new _reactNative.Animated.Value(0), []);
+  _react.default.useEffect(() => {
+    const id = scrollAnim.addListener(({
+      value
+    }) => {
+      var _flatListRef$current;
+      (_flatListRef$current = flatListRef.current) === null || _flatListRef$current === void 0 || _flatListRef$current.scrollToOffset({
+        offset: value,
+        animated: false
       });
-      setCurrentPage(currentPage + 1);
-    }
-  };
-  const scrollTo = (index, animated = true) => {
-    if (flatListRef.current && index >= 0) {
+    });
+    return () => scrollAnim.removeListener(id);
+  }, [scrollAnim]);
+  const animateToOffset = _react.default.useCallback((offset, animated) => {
+    if (!flatListRef.current) return;
+    if (animated && scrollAnimationDuration) {
+      scrollAnim.stopAnimation();
+      scrollAnim.setValue(width * currentPageRef.current);
+      _reactNative.Animated.timing(scrollAnim, {
+        toValue: offset,
+        duration: scrollAnimationDuration,
+        useNativeDriver: false
+      }).start();
+    } else {
       flatListRef.current.scrollToOffset({
-        offset: index * width,
-        animated: animated
+        offset,
+        animated
       });
+    }
+  }, [scrollAnim, scrollAnimationDuration, width]);
+  const setCurrentPage = _react.default.useCallback(index => {
+    setPage(index);
+    currentPageRef.current = index;
+    setProgress(Math.round((index + 1) / numberOfScreens * 100));
+    setIsDone(index === numberOfScreens - 1);
+    onPageChange === null || onPageChange === void 0 || onPageChange(index);
+    // No-op when no screen reader is active; announces the page otherwise.
+    _reactNative.AccessibilityInfo.announceForAccessibility(`Page ${index + 1} of ${numberOfScreens}`);
+  }, [numberOfScreens, onPageChange]);
+  const nextPage = _react.default.useCallback((animated = true) => {
+    const current = currentPageRef.current;
+    if (current < numberOfScreens - 1) {
+      animateToOffset(width * (current + 1), animated);
+      setCurrentPage(current + 1);
+    } else if (loop) {
+      animateToOffset(0, animated);
+      setCurrentPage(0);
+    }
+  }, [numberOfScreens, loop, width, animateToOffset, setCurrentPage]);
+  const previousPage = _react.default.useCallback((animated = true) => {
+    const current = currentPageRef.current;
+    if (current > 0) {
+      animateToOffset(width * (current - 1), animated);
+      setCurrentPage(current - 1);
+    } else if (loop) {
+      animateToOffset(width * (numberOfScreens - 1), animated);
+      setCurrentPage(numberOfScreens - 1);
+    }
+  }, [numberOfScreens, loop, width, animateToOffset, setCurrentPage]);
+  const scrollTo = _react.default.useCallback((index, animated = true) => {
+    if (index >= 0 && index < numberOfScreens) {
+      animateToOffset(index * width, animated);
       setCurrentPage(index);
     }
-  };
+  }, [numberOfScreens, width, animateToOffset, setCurrentPage]);
+  const pauseAutoPlay = _react.default.useCallback(() => setIsAutoPlaying(false), []);
+  const resumeAutoPlay = _react.default.useCallback(() => setIsAutoPlaying(autoPlay), [autoPlay]);
+
+  // Autoplay timer. Recreated whenever the page changes so it always advances
+  // from the current position; pauses when the user interacts with the slider.
+  _react.default.useEffect(() => {
+    if (!isAutoPlaying || numberOfScreens <= 1) return;
+    if (!loop && currentPage >= numberOfScreens - 1) return;
+    const timer = setTimeout(() => nextPage(true), autoPlayInterval);
+    return () => clearTimeout(timer);
+  }, [isAutoPlaying, currentPage, numberOfScreens, autoPlayInterval, loop, nextPage]);
   const contextValue = {
     scrollEnabled: enableScroll,
     enableScroll: setEnableScroll,
+    width,
     currentPage,
     numberOfScreens,
     nextPage,
+    previousPage,
     setCurrentPage,
     flatListRef,
+    setFlatListRef,
     scrollTo,
     progress,
-    isDone
+    isDone,
+    pauseAutoPlay,
+    resumeAutoPlay
   };
   return /*#__PURE__*/_react.default.createElement(OnboardingContext.Provider, {
     value: contextValue