react-native-app-onboard 0.1.3 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -0
- package/lib/commonjs/components/CustomPages.js +16 -2
- package/lib/commonjs/components/CustomPages.js.map +1 -1
- package/lib/commonjs/components/OnboardingPages.js +23 -10
- package/lib/commonjs/components/OnboardingPages.js.map +1 -1
- package/lib/commonjs/components/Pagination.js +6 -3
- package/lib/commonjs/components/Pagination.js.map +1 -1
- package/lib/commonjs/components/Swiper.js +11 -1
- package/lib/commonjs/components/Swiper.js.map +1 -1
- package/lib/commonjs/components/button.js +20 -1
- package/lib/commonjs/components/button.js.map +1 -1
- package/lib/commonjs/context/OnboardingContext.js +2 -2
- package/lib/commonjs/context/OnboardingContext.js.map +1 -1
- package/lib/module/components/CustomPages.js +16 -2
- package/lib/module/components/CustomPages.js.map +1 -1
- package/lib/module/components/OnboardingPages.js +23 -10
- package/lib/module/components/OnboardingPages.js.map +1 -1
- package/lib/module/components/Pagination.js +6 -3
- package/lib/module/components/Pagination.js.map +1 -1
- package/lib/module/components/Swiper.js +11 -1
- package/lib/module/components/Swiper.js.map +1 -1
- package/lib/module/components/button.js +18 -0
- package/lib/module/components/button.js.map +1 -1
- package/lib/module/context/OnboardingContext.js +2 -2
- package/lib/module/context/OnboardingContext.js.map +1 -1
- package/lib/typescript/src/components/CustomPages.d.ts.map +1 -1
- package/lib/typescript/src/components/OnboardingPages.d.ts.map +1 -1
- package/lib/typescript/src/components/Pagination.d.ts +4 -0
- package/lib/typescript/src/components/Pagination.d.ts.map +1 -1
- package/lib/typescript/src/components/Swiper.d.ts.map +1 -1
- package/lib/typescript/src/components/button.d.ts +3 -0
- package/lib/typescript/src/components/button.d.ts.map +1 -1
- package/lib/typescript/src/types/index.d.ts +4 -0
- package/lib/typescript/src/types/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/CustomPages.tsx +19 -4
- package/src/components/OnboardingPages.tsx +52 -28
- package/src/components/Pagination.tsx +8 -1
- package/src/components/Swiper.tsx +10 -0
- package/src/components/button.tsx +26 -0
- package/src/context/OnboardingContext.tsx +2 -2
- package/src/types/index.ts +4 -0
|
@@ -4,6 +4,7 @@ import tinycolor from 'tinycolor2';
|
|
|
4
4
|
import { Animated, StyleSheet, Dimensions } from 'react-native';
|
|
5
5
|
import { Pagination } from './Pagination';
|
|
6
6
|
import { OnboardingPage } from './Page';
|
|
7
|
+
import { SkipButton } from './button';
|
|
7
8
|
const {
|
|
8
9
|
width
|
|
9
10
|
} = Dimensions.get('window');
|
|
@@ -35,10 +36,15 @@ export const OnboardingPages = ({
|
|
|
35
36
|
style: [styles.container, {
|
|
36
37
|
backgroundColor: interpolatedBackgroundColor
|
|
37
38
|
}]
|
|
38
|
-
}, props.
|
|
39
|
+
}, props.skipButtonPosition && props.showSkip && /*#__PURE__*/React.createElement(SkipButton, {
|
|
40
|
+
buttonTextStyle: props.skipLabelStyle,
|
|
41
|
+
buttonStyle: props.skipButtonContainerStyle,
|
|
42
|
+
position: props.skipButtonPosition,
|
|
43
|
+
onPress: props.onSkip
|
|
44
|
+
}), props.paginationPosition === 'top' && /*#__PURE__*/React.createElement(React.Fragment, null, showPagination && props.customFooter && props.customFooter({
|
|
39
45
|
nextPage: props.nextPage
|
|
40
|
-
}), !props.customFooter && /*#__PURE__*/React.createElement(Pagination, {
|
|
41
|
-
width: width,
|
|
46
|
+
}), !props.customFooter && showPagination && /*#__PURE__*/React.createElement(Pagination, {
|
|
47
|
+
width: props.width || width,
|
|
42
48
|
onNext: props.nextPage,
|
|
43
49
|
onSkip: props.onSkip,
|
|
44
50
|
color: color,
|
|
@@ -51,6 +57,7 @@ export const OnboardingPages = ({
|
|
|
51
57
|
numberOfScreens: props.pages.length,
|
|
52
58
|
skipLabel: props.skipLabel,
|
|
53
59
|
nextLabel: props.nextLabel,
|
|
60
|
+
hasSkipPosition: !!props.skipButtonPosition,
|
|
54
61
|
doneLabel: props.doneLabel,
|
|
55
62
|
paginationContainerStyle: props.paginationContainerStyle,
|
|
56
63
|
buttonRightContainerStyle: props.buttonRightContainerStyle,
|
|
@@ -58,7 +65,10 @@ export const OnboardingPages = ({
|
|
|
58
65
|
dotsContainerStyle: props.dotsContainerStyle,
|
|
59
66
|
doneLabelStyle: props.doneLabelStyle,
|
|
60
67
|
skipLabelStyle: props.skipLabelStyle,
|
|
61
|
-
nextLabelStyle: props.nextLabelStyle
|
|
68
|
+
nextLabelStyle: props.nextLabelStyle,
|
|
69
|
+
skipButtonContainerStyle: props.skipButtonContainerStyle,
|
|
70
|
+
nextButtonContainerStyle: props.nextButtonContainerStyle,
|
|
71
|
+
doneButtonContainerStyle: props.doneButtonContainerStyle
|
|
62
72
|
})), /*#__PURE__*/React.createElement(Animated.FlatList, {
|
|
63
73
|
ref: props.flatListRef,
|
|
64
74
|
data: props.pages,
|
|
@@ -71,7 +81,7 @@ export const OnboardingPages = ({
|
|
|
71
81
|
index
|
|
72
82
|
}) => /*#__PURE__*/React.createElement(OnboardingPage, _extends({
|
|
73
83
|
color: color,
|
|
74
|
-
width: width,
|
|
84
|
+
width: props.width || width,
|
|
75
85
|
key: index
|
|
76
86
|
}, item)),
|
|
77
87
|
onScroll: Animated.event([{
|
|
@@ -83,19 +93,19 @@ export const OnboardingPages = ({
|
|
|
83
93
|
}], {
|
|
84
94
|
useNativeDriver: false
|
|
85
95
|
}),
|
|
86
|
-
scrollEventThrottle: 16
|
|
87
|
-
,
|
|
96
|
+
scrollEventThrottle: 16,
|
|
88
97
|
onMomentumScrollEnd: event => {
|
|
89
|
-
const pageIndex = Math.round(event.nativeEvent.contentOffset.x / width);
|
|
98
|
+
const pageIndex = Math.round(event.nativeEvent.contentOffset.x / (props.width || width));
|
|
90
99
|
setPage_(pageIndex || 0);
|
|
91
100
|
}
|
|
92
101
|
}), props.paginationPosition !== 'top' && /*#__PURE__*/React.createElement(React.Fragment, null, showPagination && props.customFooter && props.customFooter({
|
|
93
102
|
nextPage: props.nextPage
|
|
94
|
-
}), /*#__PURE__*/React.createElement(Pagination, {
|
|
95
|
-
width: width,
|
|
103
|
+
}), !props.customFooter && showPagination && /*#__PURE__*/React.createElement(Pagination, {
|
|
104
|
+
width: props.width || width,
|
|
96
105
|
onNext: props.nextPage,
|
|
97
106
|
onSkip: props.onSkip,
|
|
98
107
|
color: color,
|
|
108
|
+
hasSkipPosition: !!props.skipButtonPosition,
|
|
99
109
|
onDone: props.onDone,
|
|
100
110
|
showDone: props.showDone,
|
|
101
111
|
backgroundColor: footerBackgroundColor,
|
|
@@ -111,6 +121,9 @@ export const OnboardingPages = ({
|
|
|
111
121
|
dotsContainerStyle: props.dotsContainerStyle,
|
|
112
122
|
doneLabelStyle: props.doneLabelStyle,
|
|
113
123
|
skipLabelStyle: props.skipLabelStyle,
|
|
124
|
+
skipButtonContainerStyle: props.skipButtonContainerStyle,
|
|
125
|
+
nextButtonContainerStyle: props.nextButtonContainerStyle,
|
|
126
|
+
doneButtonContainerStyle: props.doneButtonContainerStyle,
|
|
114
127
|
showNext: showNext,
|
|
115
128
|
nextLabelStyle: props.nextLabelStyle
|
|
116
129
|
})));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useRef","tinycolor","Animated","StyleSheet","Dimensions","Pagination","OnboardingPage","width","get","OnboardingPages","showPagination","showNext","props","_props$pages$previous","backgroundColorAnim","Value","current","previousPage","setPreviousPage","useState","currentPage_","pages","currentPage","currentBackgroundColor","backgroundColor","isLight","getBrightness","footerBackgroundColor","darken","toString","lighten","color","previousBackgroundColor","interpolatedBackgroundColor","interpolate","inputRange","outputRange","extrapolate","setPage_","newPageIndex","setPage","createElement","View","style","styles","container","paginationPosition","Fragment","customFooter","nextPage","onNext","
|
|
1
|
+
{"version":3,"names":["React","useRef","tinycolor","Animated","StyleSheet","Dimensions","Pagination","OnboardingPage","SkipButton","width","get","OnboardingPages","showPagination","showNext","props","_props$pages$previous","backgroundColorAnim","Value","current","previousPage","setPreviousPage","useState","currentPage_","pages","currentPage","currentBackgroundColor","backgroundColor","isLight","getBrightness","footerBackgroundColor","darken","toString","lighten","color","previousBackgroundColor","interpolatedBackgroundColor","interpolate","inputRange","outputRange","extrapolate","setPage_","newPageIndex","setPage","createElement","View","style","styles","container","skipButtonPosition","showSkip","buttonTextStyle","skipLabelStyle","buttonStyle","skipButtonContainerStyle","position","onPress","onSkip","paginationPosition","Fragment","customFooter","nextPage","onNext","onDone","showDone","animatedValue","scrollX","numberOfScreens","length","skipLabel","nextLabel","hasSkipPosition","doneLabel","paginationContainerStyle","buttonRightContainerStyle","buttonLeftContainerStyle","dotsContainerStyle","doneLabelStyle","nextLabelStyle","nextButtonContainerStyle","doneButtonContainerStyle","FlatList","ref","flatListRef","data","horizontal","pagingEnabled","showsHorizontalScrollIndicator","keyExtractor","_","index","renderItem","item","_extends","key","onScroll","event","nativeEvent","contentOffset","x","useNativeDriver","scrollEventThrottle","onMomentumScrollEnd","pageIndex","Math","round","create","flex","justifyContent","alignItems","screen","pagination","flexDirection","paddingVertical","paddingHorizontal","dot","height","borderRadius","margin","dotsContainer"],"sourceRoot":"../../../src","sources":["components/OnboardingPages.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -16,9 +16,10 @@ export function Pagination(props) {
|
|
|
16
16
|
}, props.paginationContainerStyle]
|
|
17
17
|
}, /*#__PURE__*/React.createElement(View, {
|
|
18
18
|
style: [styles.buttons, styles.leftButton, props.buttonLeftContainerStyle]
|
|
19
|
-
}, props.showSkip && /*#__PURE__*/React.createElement(Button, {
|
|
19
|
+
}, props.showSkip && !props.hasSkipPosition && /*#__PURE__*/React.createElement(Button, {
|
|
20
20
|
onPress: props.onSkip,
|
|
21
21
|
buttonTextStyle: props.skipLabelStyle,
|
|
22
|
+
buttonStyle: props.skipButtonContainerStyle,
|
|
22
23
|
label: props.skipLabel || 'Skip'
|
|
23
24
|
})), /*#__PURE__*/React.createElement(View, {
|
|
24
25
|
style: styles.dotsContainer
|
|
@@ -41,11 +42,13 @@ export function Pagination(props) {
|
|
|
41
42
|
}, !isDone && props.showNext && /*#__PURE__*/React.createElement(Button, {
|
|
42
43
|
onPress: props.onNext,
|
|
43
44
|
label: props.nextLabel || 'Next',
|
|
44
|
-
buttonTextStyle: props.nextLabelStyle
|
|
45
|
+
buttonTextStyle: props.nextLabelStyle,
|
|
46
|
+
buttonStyle: props.nextButtonContainerStyle
|
|
45
47
|
}), isDone && props.showDone && /*#__PURE__*/React.createElement(Button, {
|
|
46
48
|
onPress: props.onDone,
|
|
47
49
|
label: props.doneLabel || 'Done',
|
|
48
|
-
buttonTextStyle: props.doneLabelStyle
|
|
50
|
+
buttonTextStyle: props.doneLabelStyle,
|
|
51
|
+
buttonStyle: props.doneButtonContainerStyle
|
|
49
52
|
})));
|
|
50
53
|
}
|
|
51
54
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Animated","StyleSheet","React","useOnboarding","Button","Pagination","props","isDone","dots","Array","from","length","numberOfScreens","_","i","width","createElement","style","styles","pagination","backgroundColor","paginationContainerStyle","buttons","leftButton","buttonLeftContainerStyle","showSkip","onPress","onSkip","buttonTextStyle","skipLabelStyle","label","skipLabel","dotsContainer","map","inputRange","dotOpacity","animatedValue","interpolate","outputRange","extrapolate","key","dot","color","opacity","dotsContainerStyle","rightButton","buttonRightContainerStyle","showNext","onNext","nextLabel","nextLabelStyle","showDone","onDone","doneLabel","doneLabelStyle","create","flexDirection","justifyContent","alignItems","height","paddingVertical","paddingHorizontal","borderRadius","marginHorizontal","flex","text","fontSize","minWidth","paddingRight","paddingLeft"],"sourceRoot":"../../../src","sources":["components/Pagination.tsx"],"mappings":"AAAA,SACEA,IAAI,EACJC,QAAQ,EACRC,UAAU,QAIL,cAAc;AACrB,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,MAAM,QAAQ,UAAU;
|
|
1
|
+
{"version":3,"names":["View","Animated","StyleSheet","React","useOnboarding","Button","Pagination","props","isDone","dots","Array","from","length","numberOfScreens","_","i","width","createElement","style","styles","pagination","backgroundColor","paginationContainerStyle","buttons","leftButton","buttonLeftContainerStyle","showSkip","hasSkipPosition","onPress","onSkip","buttonTextStyle","skipLabelStyle","buttonStyle","skipButtonContainerStyle","label","skipLabel","dotsContainer","map","inputRange","dotOpacity","animatedValue","interpolate","outputRange","extrapolate","key","dot","color","opacity","dotsContainerStyle","rightButton","buttonRightContainerStyle","showNext","onNext","nextLabel","nextLabelStyle","nextButtonContainerStyle","showDone","onDone","doneLabel","doneLabelStyle","doneButtonContainerStyle","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":[]}
|
|
@@ -26,7 +26,11 @@ export const Swiper = props => {
|
|
|
26
26
|
nextPage: nextPage,
|
|
27
27
|
showDone: props.showDone,
|
|
28
28
|
showNext: props.showNext,
|
|
29
|
-
onDone: props.onDone
|
|
29
|
+
onDone: props.onDone,
|
|
30
|
+
skipButtonContainerStyle: props.skipButtonContainerStyle,
|
|
31
|
+
nextButtonContainerStyle: props.nextButtonContainerStyle,
|
|
32
|
+
doneButtonContainerStyle: props.doneButtonContainerStyle,
|
|
33
|
+
skipButtonPosition: props.skipButtonPosition
|
|
30
34
|
}, props.children);
|
|
31
35
|
}
|
|
32
36
|
return /*#__PURE__*/React.createElement(OnboardingPages, {
|
|
@@ -43,6 +47,12 @@ export const Swiper = props => {
|
|
|
43
47
|
pages: props.pages || [],
|
|
44
48
|
width: props.width,
|
|
45
49
|
showNext: props.showNext,
|
|
50
|
+
skipButtonContainerStyle: props.skipButtonContainerStyle,
|
|
51
|
+
nextButtonContainerStyle: props.nextButtonContainerStyle,
|
|
52
|
+
doneButtonContainerStyle: props.doneButtonContainerStyle,
|
|
53
|
+
skipLabelStyle: props.skipLabelStyle,
|
|
54
|
+
skipButtonPosition: props.skipButtonPosition,
|
|
55
|
+
showPagination: props.showPagination,
|
|
46
56
|
color: props.color,
|
|
47
57
|
onSkip: props.onSkip
|
|
48
58
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","OnboardingPages","CustomPages","Animated","useOnboarding","Swiper","props","scrollX","useRef","Value","current","flatListRef","setCurrentPage","currentPage","numberOfScreens","nextPage","scrollEnabled","children","createElement","customFooter","showPagination","setPage","showDone","showNext","onDone","paginationPosition","showSkip","pages","width","color","onSkip"],"sourceRoot":"../../../src","sources":["components/Swiper.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,aAAa,QAAQ,wBAAwB;AAGtD,OAAO,MAAMC,MAAiC,GAAIC,KAAK,IAAK;EAC1D,MAAMC,OAAO,GAAGP,KAAK,CAACQ,MAAM,CAAC,IAAIL,QAAQ,CAACM,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC3D,MAAM;IACJC,WAAW;IACXC,cAAc;IACdC,WAAW;IACXC,eAAe;IACfC,QAAQ;IACRC;EACF,CAAC,GAAGZ,aAAa,CAAC,CAAC;EACnB,IAAIE,KAAK,CAACW,QAAQ,EAAE;IAClB,oBACEjB,KAAA,CAAAkB,aAAA,CAAChB,WAAW;MACViB,YAAY,EAAEb,KAAK,CAACa,YAAa;MACjCC,cAAc,EAAEd,KAAK,CAACc,cAAe;MACrCT,WAAW,EAAEA,WAAY;MACzBJ,OAAO,EAAEA,OAAQ;MACjBc,OAAO,EAAET,cAAe;MACxBI,aAAa,EAAEA,aAAc;MAC7BH,WAAW,EAAEA,WAAY;MACzBC,eAAe,EAAEA,eAAgB;MACjCC,QAAQ,EAAEA,QAAS;MACnBO,QAAQ,EAAEhB,KAAK,CAACgB,QAAS;MACzBC,QAAQ,EAAEjB,KAAK,CAACiB,QAAS;MACzBC,MAAM,EAAElB,KAAK,CAACkB;
|
|
1
|
+
{"version":3,"names":["React","OnboardingPages","CustomPages","Animated","useOnboarding","Swiper","props","scrollX","useRef","Value","current","flatListRef","setCurrentPage","currentPage","numberOfScreens","nextPage","scrollEnabled","children","createElement","customFooter","showPagination","setPage","showDone","showNext","onDone","skipButtonContainerStyle","nextButtonContainerStyle","doneButtonContainerStyle","skipButtonPosition","paginationPosition","showSkip","pages","width","skipLabelStyle","color","onSkip"],"sourceRoot":"../../../src","sources":["components/Swiper.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,aAAa,QAAQ,wBAAwB;AAGtD,OAAO,MAAMC,MAAiC,GAAIC,KAAK,IAAK;EAC1D,MAAMC,OAAO,GAAGP,KAAK,CAACQ,MAAM,CAAC,IAAIL,QAAQ,CAACM,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC3D,MAAM;IACJC,WAAW;IACXC,cAAc;IACdC,WAAW;IACXC,eAAe;IACfC,QAAQ;IACRC;EACF,CAAC,GAAGZ,aAAa,CAAC,CAAC;EACnB,IAAIE,KAAK,CAACW,QAAQ,EAAE;IAClB,oBACEjB,KAAA,CAAAkB,aAAA,CAAChB,WAAW;MACViB,YAAY,EAAEb,KAAK,CAACa,YAAa;MACjCC,cAAc,EAAEd,KAAK,CAACc,cAAe;MACrCT,WAAW,EAAEA,WAAY;MACzBJ,OAAO,EAAEA,OAAQ;MACjBc,OAAO,EAAET,cAAe;MACxBI,aAAa,EAAEA,aAAc;MAC7BH,WAAW,EAAEA,WAAY;MACzBC,eAAe,EAAEA,eAAgB;MACjCC,QAAQ,EAAEA,QAAS;MACnBO,QAAQ,EAAEhB,KAAK,CAACgB,QAAS;MACzBC,QAAQ,EAAEjB,KAAK,CAACiB,QAAS;MACzBC,MAAM,EAAElB,KAAK,CAACkB,MAAO;MACrBC,wBAAwB,EAAEnB,KAAK,CAACmB,wBAAyB;MACzDC,wBAAwB,EAAEpB,KAAK,CAACoB,wBAAyB;MACzDC,wBAAwB,EAAErB,KAAK,CAACqB,wBAAyB;MACzDC,kBAAkB,EAAEtB,KAAK,CAACsB;IAAmB,GAE5CtB,KAAK,CAACW,QACI,CAAC;EAElB;EAEA,oBACEjB,KAAA,CAAAkB,aAAA,CAACjB,eAAe;IACdqB,QAAQ,EAAEhB,KAAK,CAACgB,QAAS;IACzBH,YAAY,EAAEb,KAAK,CAACa,YAAa;IACjCR,WAAW,EAAEA,WAAY;IACzBJ,OAAO,EAAEA,OAAQ;IACjBc,OAAO,EAAET,cAAe;IACxBC,WAAW,EAAEA,WAAY;IACzBgB,kBAAkB,EAAEvB,KAAK,CAACuB,kBAAmB;IAC7Cd,QAAQ,EAAEA,QAAS;IACnBe,QAAQ,EAAExB,KAAK,CAACwB,QAAS;IACzBN,MAAM,EAAElB,KAAK,CAACkB,MAAO;IACrBO,KAAK,EAAEzB,KAAK,CAACyB,KAAK,IAAI,EAAG;IACzBC,KAAK,EAAE1B,KAAK,CAAC0B,KAAM;IACnBT,QAAQ,EAAEjB,KAAK,CAACiB,QAAS;IACzBE,wBAAwB,EAAEnB,KAAK,CAACmB,wBAAyB;IACzDC,wBAAwB,EAAEpB,KAAK,CAACoB,wBAAyB;IACzDC,wBAAwB,EAAErB,KAAK,CAACqB,wBAAyB;IACzDM,cAAc,EAAE3B,KAAK,CAAC2B,cAAe;IACrCL,kBAAkB,EAAEtB,KAAK,CAACsB,kBAAmB;IAC7CR,cAAc,EAAEd,KAAK,CAACc,cAAe;IACrCc,KAAK,EAAE5B,KAAK,CAAC4B,KAAM;IACnBC,MAAM,EAAE7B,KAAK,CAAC6B;EAAO,CACtB,CAAC;AAEN,CAAC","ignoreList":[]}
|
|
@@ -10,6 +10,20 @@ export const Button = props => {
|
|
|
10
10
|
}, props.buttonTextStyle]
|
|
11
11
|
}, props.label)) : props.label;
|
|
12
12
|
};
|
|
13
|
+
export const SkipButton = props => {
|
|
14
|
+
const buttonStyle = {
|
|
15
|
+
top: 20,
|
|
16
|
+
left: props.position === 'top-left' ? 30 : undefined,
|
|
17
|
+
right: props.position === 'top-right' ? 30 : undefined
|
|
18
|
+
};
|
|
19
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
20
|
+
label: props.label || 'Skip',
|
|
21
|
+
onPress: props.onPress,
|
|
22
|
+
buttonStyle: [styles.skipButton, buttonStyle, props.buttonStyle],
|
|
23
|
+
buttonTextStyle: props.buttonTextStyle,
|
|
24
|
+
color: props.color
|
|
25
|
+
});
|
|
26
|
+
};
|
|
13
27
|
const styles = StyleSheet.create({
|
|
14
28
|
pagination: {
|
|
15
29
|
flexDirection: 'row',
|
|
@@ -44,6 +58,10 @@ const styles = StyleSheet.create({
|
|
|
44
58
|
leftButton: {
|
|
45
59
|
alignItems: 'flex-start',
|
|
46
60
|
paddingLeft: 30
|
|
61
|
+
},
|
|
62
|
+
skipButton: {
|
|
63
|
+
position: 'absolute',
|
|
64
|
+
zIndex: 10
|
|
47
65
|
}
|
|
48
66
|
});
|
|
49
67
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","Text","TouchableOpacity","React","Button","props","label","createElement","onPress","style","buttonStyle","styles","text","color","buttonTextStyle","create","pagination","flexDirection","justifyContent","alignItems","height","paddingVertical","paddingHorizontal","dot","width","borderRadius","backgroundColor","marginHorizontal","dotsContainer","flex","fontSize","buttons","minWidth","rightButton","paddingRight","leftButton","paddingLeft"],"sourceRoot":"../../../src","sources":["components/button.tsx"],"mappings":"AAAA,SACEA,UAAU,EACVC,IAAI,EACJC,gBAAgB,QAIX,cAAc;AACrB,OAAOC,KAAK,MAAM,OAAO;AAUzB,OAAO,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAC5C,OAAO,OAAOA,KAAK,CAACC,KAAK,KAAK,QAAQ,gBACpCH,KAAA,CAAAI,aAAA,CAACL,gBAAgB;IAACM,OAAO,EAAEH,KAAK,CAACG,OAAQ;IAACC,KAAK,EAAEJ,KAAK,CAACK;EAAY,gBACjEP,KAAA,CAAAI,aAAA,CAACN,IAAI;IACHQ,KAAK,EAAE,CACLE,MAAM,CAACC,IAAI,EACX;MACEC,KAAK,EAAER,KAAK,CAACQ,KAAK,IAAI;IACxB,CAAC,EACDR,KAAK,CAACS,eAAe;EACrB,GAEDT,KAAK,CAACC,KACH,CACU,CAAC,GAEnBD,KAAK,CAACC,KACP;AACH,CAAC;AAED,MAAMK,MAAM,GAAGX,UAAU,
|
|
1
|
+
{"version":3,"names":["StyleSheet","Text","TouchableOpacity","React","Button","props","label","createElement","onPress","style","buttonStyle","styles","text","color","buttonTextStyle","SkipButton","top","left","position","undefined","right","skipButton","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,SACEA,UAAU,EACVC,IAAI,EACJC,gBAAgB,QAIX,cAAc;AACrB,OAAOC,KAAK,MAAM,OAAO;AAUzB,OAAO,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAC5C,OAAO,OAAOA,KAAK,CAACC,KAAK,KAAK,QAAQ,gBACpCH,KAAA,CAAAI,aAAA,CAACL,gBAAgB;IAACM,OAAO,EAAEH,KAAK,CAACG,OAAQ;IAACC,KAAK,EAAEJ,KAAK,CAACK;EAAY,gBACjEP,KAAA,CAAAI,aAAA,CAACN,IAAI;IACHQ,KAAK,EAAE,CACLE,MAAM,CAACC,IAAI,EACX;MACEC,KAAK,EAAER,KAAK,CAACQ,KAAK,IAAI;IACxB,CAAC,EACDR,KAAK,CAACS,eAAe;EACrB,GAEDT,KAAK,CAACC,KACH,CACU,CAAC,GAEnBD,KAAK,CAACC,KACP;AACH,CAAC;AAED,OAAO,MAAMS,UAAU,GACrBV,KAEC,IACE;EACH,MAAMK,WAAW,GAAG;IAClBM,GAAG,EAAE,EAAE;IACPC,IAAI,EAAEZ,KAAK,CAACa,QAAQ,KAAK,UAAU,GAAG,EAAE,GAAGC,SAAS;IACpDC,KAAK,EAAEf,KAAK,CAACa,QAAQ,KAAK,WAAW,GAAG,EAAE,GAAGC;EAC/C,CAAC;EAED,oBACEhB,KAAA,CAAAI,aAAA,CAACH,MAAM;IACLE,KAAK,EAAED,KAAK,CAACC,KAAK,IAAI,MAAO;IAC7BE,OAAO,EAAEH,KAAK,CAACG,OAAQ;IACvBE,WAAW,EAAE,CAACC,MAAM,CAACU,UAAU,EAAEX,WAAW,EAAEL,KAAK,CAACK,WAAW,CAAE;IACjEI,eAAe,EAAET,KAAK,CAACS,eAAgB;IACvCD,KAAK,EAAER,KAAK,CAACQ;EAAM,CACpB,CAAC;AAEN,CAAC;AAED,MAAMF,MAAM,GAAGX,UAAU,CAACsB,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;EACDb,IAAI,EAAE;IACJyB,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;EACDtB,UAAU,EAAE;IACVH,QAAQ,EAAE,UAAU;IACpB0B,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -21,13 +21,13 @@ export const OnboardingProvider = ({
|
|
|
21
21
|
setIsDone(index === numberOfScreens - 1);
|
|
22
22
|
};
|
|
23
23
|
const nextPage = (animated = true) => {
|
|
24
|
-
if (flatListRef.current) {
|
|
24
|
+
if (flatListRef.current && currentPage < numberOfScreens - 1) {
|
|
25
25
|
flatListRef.current.scrollToOffset({
|
|
26
26
|
offset: width * (currentPage + 1),
|
|
27
27
|
animated: animated
|
|
28
28
|
});
|
|
29
|
+
setCurrentPage(currentPage + 1);
|
|
29
30
|
}
|
|
30
|
-
setCurrentPage(currentPage + 1);
|
|
31
31
|
};
|
|
32
32
|
const scrollTo = (index, animated = true) => {
|
|
33
33
|
if (flatListRef.current && index >= 0) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Dimensions","OnboardingContext","createContext","undefined","OnboardingProvider","children","width","get","numberOfScreens","scrollEnabled","getProgress","page","Math","round","currentPage","setPage","useState","progress","setProgress","isDone","setIsDone","enableScroll","setEnableScroll","flatListRef","useRef","setCurrentPage","index","nextPage","animated","current","scrollToOffset","offset","scrollTo","contextValue","createElement","Provider","value"],"sourceRoot":"../../../src","sources":["context/OnboardingContext.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAuB,cAAc;AA2BxD,OAAO,MAAMC,iBAAiB,gBAAGF,KAAK,CAACG,aAAa,CAElDC,SAAS,CAAC;AAEZ,OAAO,MAAMC,kBAAqD,GAAGA,CAAC;EACpEC,QAAQ;EACRC,KAAK,GAAGN,UAAU,CAACO,GAAG,CAAC,QAAQ,CAAC,CAACD,KAAK;EACtCE,eAAe;EACfC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAIC,IAAY,IAAK;IACpC,OAAOC,IAAI,CAACC,KAAK,CAAE,CAACF,IAAI,GAAG,CAAC,IAAIH,eAAe,GAAI,GAAG,CAAC;EACzD,CAAC;EAED,MAAM,CAACM,WAAW,EAAEC,OAAO,CAAC,GAAGhB,KAAK,CAACiB,QAAQ,CAAC,CAAC,CAAC;EAChD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGnB,KAAK,CAACiB,QAAQ,CAACN,WAAW,CAAC,CAAC,CAAC,CAAC;EAC9D,MAAM,CAACS,MAAM,EAAEC,SAAS,CAAC,GAAGrB,KAAK,CAACiB,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAGvB,KAAK,CAACiB,QAAQ,CACpDP,aACF,CAAC;EACD,MAAMc,WAAW,GAAGxB,KAAK,CAACyB,MAAM,CAAW,IAAI,CAAC;EAEhD,MAAMC,cAAc,GAAIC,KAAa,IAAK;IACxCX,OAAO,CAACW,KAAK,CAAC;IACdR,WAAW,CAACR,WAAW,CAACgB,KAAK,CAAC,CAAC;IAC/BN,SAAS,CAACM,KAAK,KAAKlB,eAAe,GAAG,CAAC,CAAC;EAC1C,CAAC;EAED,MAAMmB,QAAQ,GAAGA,CAACC,QAAiB,GAAG,IAAI,KAAK;IAC7C,IAAIL,WAAW,CAACM,OAAO,EAAE;
|
|
1
|
+
{"version":3,"names":["React","Dimensions","OnboardingContext","createContext","undefined","OnboardingProvider","children","width","get","numberOfScreens","scrollEnabled","getProgress","page","Math","round","currentPage","setPage","useState","progress","setProgress","isDone","setIsDone","enableScroll","setEnableScroll","flatListRef","useRef","setCurrentPage","index","nextPage","animated","current","scrollToOffset","offset","scrollTo","contextValue","createElement","Provider","value"],"sourceRoot":"../../../src","sources":["context/OnboardingContext.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAuB,cAAc;AA2BxD,OAAO,MAAMC,iBAAiB,gBAAGF,KAAK,CAACG,aAAa,CAElDC,SAAS,CAAC;AAEZ,OAAO,MAAMC,kBAAqD,GAAGA,CAAC;EACpEC,QAAQ;EACRC,KAAK,GAAGN,UAAU,CAACO,GAAG,CAAC,QAAQ,CAAC,CAACD,KAAK;EACtCE,eAAe;EACfC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAIC,IAAY,IAAK;IACpC,OAAOC,IAAI,CAACC,KAAK,CAAE,CAACF,IAAI,GAAG,CAAC,IAAIH,eAAe,GAAI,GAAG,CAAC;EACzD,CAAC;EAED,MAAM,CAACM,WAAW,EAAEC,OAAO,CAAC,GAAGhB,KAAK,CAACiB,QAAQ,CAAC,CAAC,CAAC;EAChD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGnB,KAAK,CAACiB,QAAQ,CAACN,WAAW,CAAC,CAAC,CAAC,CAAC;EAC9D,MAAM,CAACS,MAAM,EAAEC,SAAS,CAAC,GAAGrB,KAAK,CAACiB,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAGvB,KAAK,CAACiB,QAAQ,CACpDP,aACF,CAAC;EACD,MAAMc,WAAW,GAAGxB,KAAK,CAACyB,MAAM,CAAW,IAAI,CAAC;EAEhD,MAAMC,cAAc,GAAIC,KAAa,IAAK;IACxCX,OAAO,CAACW,KAAK,CAAC;IACdR,WAAW,CAACR,WAAW,CAACgB,KAAK,CAAC,CAAC;IAC/BN,SAAS,CAACM,KAAK,KAAKlB,eAAe,GAAG,CAAC,CAAC;EAC1C,CAAC;EAED,MAAMmB,QAAQ,GAAGA,CAACC,QAAiB,GAAG,IAAI,KAAK;IAC7C,IAAIL,WAAW,CAACM,OAAO,IAAIf,WAAW,GAAGN,eAAe,GAAG,CAAC,EAAE;MAC5De,WAAW,CAACM,OAAO,CAACC,cAAc,CAAC;QACjCC,MAAM,EAAEzB,KAAK,IAAIQ,WAAW,GAAG,CAAC,CAAC;QACjCc,QAAQ,EAAEA;MACZ,CAAC,CAAC;MACFH,cAAc,CAACX,WAAW,GAAG,CAAC,CAAC;IACjC;EACF,CAAC;EAED,MAAMkB,QAAQ,GAAGA,CAACN,KAAa,EAAEE,QAAiB,GAAG,IAAI,KAAK;IAC5D,IAAIL,WAAW,CAACM,OAAO,IAAIH,KAAK,IAAI,CAAC,EAAE;MACrCH,WAAW,CAACM,OAAO,CAACC,cAAc,CAAC;QACjCC,MAAM,EAAEL,KAAK,GAAGpB,KAAK;QACrBsB,QAAQ,EAAEA;MACZ,CAAC,CAAC;MACFH,cAAc,CAACC,KAAK,CAAC;IACvB;EACF,CAAC;EAED,MAAMO,YAAmC,GAAG;IAC1CxB,aAAa,EAAEY,YAAY;IAC3BA,YAAY,EAAEC,eAAe;IAC7BR,WAAW;IACXN,eAAe;IACfmB,QAAQ;IACRF,cAAc;IACdF,WAAW;IACXS,QAAQ;IACRf,QAAQ;IACRE;EACF,CAAC;EAED,oBACEpB,KAAA,CAAAmC,aAAA,CAACjC,iBAAiB,CAACkC,QAAQ;IAACC,KAAK,EAAEH;EAAa,GAC7C5B,QACyB,CAAC;AAEjC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomPages.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomPages.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,QAAQ,EAAc,QAAQ,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"CustomPages.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomPages.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,QAAQ,EAAc,QAAQ,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAKhD,KAAK,gBAAgB,GAAG,eAAe,GAAG;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACvC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW,2CAIrB,gBAAgB,sBAmHlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OnboardingPages.d.ts","sourceRoot":"","sources":["../../../../src/components/OnboardingPages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAA0B,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAkB,KAAK,IAAI,EAAE,MAAM,QAAQ,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"OnboardingPages.d.ts","sourceRoot":"","sources":["../../../../src/components/OnboardingPages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAA0B,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAkB,KAAK,IAAI,EAAE,MAAM,QAAQ,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAKhD,KAAK,KAAK,GAAG,eAAe,GAAG;IAC7B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACvC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,eAAe,2CAIzB,KAAK,sBAkJP,CAAC"}
|
|
@@ -17,7 +17,11 @@ type FooterProps = {
|
|
|
17
17
|
buttonLeftContainerStyle?: StyleProp<ViewStyle>;
|
|
18
18
|
dotsContainerStyle?: StyleProp<ViewStyle>;
|
|
19
19
|
doneLabelStyle?: StyleProp<TextStyle>;
|
|
20
|
+
hasSkipPosition?: boolean;
|
|
20
21
|
skipLabelStyle?: StyleProp<TextStyle>;
|
|
22
|
+
skipButtonContainerStyle?: StyleProp<ViewStyle>;
|
|
23
|
+
nextButtonContainerStyle?: StyleProp<ViewStyle>;
|
|
24
|
+
doneButtonContainerStyle?: StyleProp<ViewStyle>;
|
|
21
25
|
nextLabelStyle?: StyleProp<TextStyle>;
|
|
22
26
|
paginationPosition?: 'top' | 'bottom';
|
|
23
27
|
onDone?: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EAER,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,WAAW,GAAG;IACjB,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,yBAAyB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjD,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,kBAAkB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EAER,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,WAAW,GAAG;IACjB,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,yBAAyB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjD,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,kBAAkB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,qBA+E5C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Swiper.d.ts","sourceRoot":"","sources":["../../../../src/components/Swiper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"Swiper.d.ts","sourceRoot":"","sources":["../../../../src/components/Swiper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4D5C,CAAC"}
|
|
@@ -8,5 +8,8 @@ type ButtonProps = {
|
|
|
8
8
|
buttonTextStyle?: StyleProp<TextStyle>;
|
|
9
9
|
};
|
|
10
10
|
export declare const Button: (props: ButtonProps) => number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
|
|
11
|
+
export declare const SkipButton: (props: ButtonProps & {
|
|
12
|
+
position?: 'top-left' | 'top-right';
|
|
13
|
+
}) => React.JSX.Element;
|
|
11
14
|
export {};
|
|
12
15
|
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,MAAM,UAAW,WAAW,wFAkBxC,CAAC"}
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,MAAM,UAAW,WAAW,wFAkBxC,CAAC;AAEF,eAAO,MAAM,UAAU,UACd,WAAW,GAAG;IACnB,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;CACrC,sBAiBF,CAAC"}
|
|
@@ -22,6 +22,10 @@ export type OnboardingProps = {
|
|
|
22
22
|
dotsContainerStyle?: StyleProp<ViewStyle>;
|
|
23
23
|
doneLabelStyle?: StyleProp<TextStyle>;
|
|
24
24
|
skipLabelStyle?: StyleProp<TextStyle>;
|
|
25
|
+
skipButtonContainerStyle?: StyleProp<ViewStyle>;
|
|
26
|
+
nextButtonContainerStyle?: StyleProp<ViewStyle>;
|
|
27
|
+
doneButtonContainerStyle?: StyleProp<ViewStyle>;
|
|
28
|
+
skipButtonPosition?: 'top-left' | 'top-right';
|
|
25
29
|
nextLabelStyle?: StyleProp<TextStyle>;
|
|
26
30
|
containerStyle?: StyleProp<ViewStyle>;
|
|
27
31
|
imageContainerStyle?: StyleProp<ViewStyle>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACpE,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,yBAAyB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjD,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,kBAAkB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACtC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;CAChB,GAAG,CACA;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC9B,GACD;IAAE,KAAK,EAAE,IAAI,EAAE,CAAA;CAAE,CACpB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACpE,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,yBAAyB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjD,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,kBAAkB,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IAC9C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,kBAAkB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACtC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;CAChB,GAAG,CACA;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC9B,GACD;IAAE,KAAK,EAAE,IAAI,EAAE,CAAA;CAAE,CACpB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-app-onboard",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.5",
|
|
4
4
|
"description": "React Native App Onboard is a customizable, easy-to-use, and efficient library for creating compelling onboarding experiences for your React Native applications. It provides smooth, fluid transitions and animations, with a focus on simplicity and usability.",
|
|
5
5
|
"main": "lib/commonjs/index",
|
|
6
6
|
"module": "lib/module/index",
|
|
@@ -2,6 +2,7 @@ import { View, Dimensions, Animated, StyleSheet, FlatList } from 'react-native';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Pagination } from './Pagination';
|
|
4
4
|
import type { OnboardingProps } from '../types';
|
|
5
|
+
import { SkipButton } from './button';
|
|
5
6
|
|
|
6
7
|
const { width } = Dimensions.get('window');
|
|
7
8
|
|
|
@@ -29,10 +30,17 @@ export const CustomPages = ({
|
|
|
29
30
|
}: CustomPagesProps) => {
|
|
30
31
|
return (
|
|
31
32
|
<View style={[styles.container]}>
|
|
33
|
+
{props.skipButtonPosition && props.showSkip && (
|
|
34
|
+
<SkipButton
|
|
35
|
+
buttonTextStyle={props.skipLabelStyle}
|
|
36
|
+
buttonStyle={props.skipButtonContainerStyle}
|
|
37
|
+
position={props.skipButtonPosition}
|
|
38
|
+
onPress={props.onSkip}
|
|
39
|
+
/>
|
|
40
|
+
)}
|
|
32
41
|
{showPagination && props.paginationPosition === 'top' && (
|
|
33
42
|
<>
|
|
34
|
-
{
|
|
35
|
-
props.customFooter &&
|
|
43
|
+
{props.customFooter &&
|
|
36
44
|
props.customFooter({ nextPage: props.nextPage })}
|
|
37
45
|
{!props.customFooter && (
|
|
38
46
|
<Pagination
|
|
@@ -50,11 +58,15 @@ export const CustomPages = ({
|
|
|
50
58
|
showNext={showNext}
|
|
51
59
|
nextLabel={props.nextLabel}
|
|
52
60
|
doneLabel={props.doneLabel}
|
|
61
|
+
hasSkipPosition={!!props.skipButtonPosition}
|
|
53
62
|
paginationContainerStyle={props.paginationContainerStyle}
|
|
54
63
|
buttonRightContainerStyle={props.buttonRightContainerStyle}
|
|
55
64
|
buttonLeftContainerStyle={props.buttonLeftContainerStyle}
|
|
56
65
|
dotsContainerStyle={props.dotsContainerStyle}
|
|
57
66
|
doneLabelStyle={props.doneLabelStyle}
|
|
67
|
+
skipButtonContainerStyle={props.skipButtonContainerStyle}
|
|
68
|
+
nextButtonContainerStyle={props.nextButtonContainerStyle}
|
|
69
|
+
doneButtonContainerStyle={props.doneButtonContainerStyle}
|
|
58
70
|
skipLabelStyle={props.skipLabelStyle}
|
|
59
71
|
nextLabelStyle={props.nextLabelStyle}
|
|
60
72
|
/>
|
|
@@ -95,8 +107,7 @@ export const CustomPages = ({
|
|
|
95
107
|
|
|
96
108
|
{showPagination && props.paginationPosition !== 'top' && (
|
|
97
109
|
<>
|
|
98
|
-
{
|
|
99
|
-
props.customFooter &&
|
|
110
|
+
{props.customFooter &&
|
|
100
111
|
props.customFooter({ nextPage: props.nextPage })}
|
|
101
112
|
{!props.customFooter && (
|
|
102
113
|
<Pagination
|
|
@@ -119,7 +130,11 @@ export const CustomPages = ({
|
|
|
119
130
|
buttonLeftContainerStyle={props.buttonLeftContainerStyle}
|
|
120
131
|
dotsContainerStyle={props.dotsContainerStyle}
|
|
121
132
|
doneLabelStyle={props.doneLabelStyle}
|
|
133
|
+
skipButtonContainerStyle={props.skipButtonContainerStyle}
|
|
134
|
+
nextButtonContainerStyle={props.nextButtonContainerStyle}
|
|
135
|
+
doneButtonContainerStyle={props.doneButtonContainerStyle}
|
|
122
136
|
skipLabelStyle={props.skipLabelStyle}
|
|
137
|
+
hasSkipPosition={!!props.skipButtonPosition}
|
|
123
138
|
nextLabelStyle={props.nextLabelStyle}
|
|
124
139
|
/>
|
|
125
140
|
)}
|
|
@@ -4,6 +4,7 @@ import { Animated, StyleSheet, Dimensions, FlatList } from 'react-native';
|
|
|
4
4
|
import { Pagination } from './Pagination';
|
|
5
5
|
import { OnboardingPage, type Page } from './Page';
|
|
6
6
|
import type { OnboardingProps } from '../types';
|
|
7
|
+
import { SkipButton } from './button';
|
|
7
8
|
|
|
8
9
|
const { width } = Dimensions.get('window');
|
|
9
10
|
|
|
@@ -57,14 +58,22 @@ export const OnboardingPages = ({
|
|
|
57
58
|
},
|
|
58
59
|
]}
|
|
59
60
|
>
|
|
61
|
+
{props.skipButtonPosition && props.showSkip && (
|
|
62
|
+
<SkipButton
|
|
63
|
+
buttonTextStyle={props.skipLabelStyle}
|
|
64
|
+
buttonStyle={props.skipButtonContainerStyle}
|
|
65
|
+
position={props.skipButtonPosition}
|
|
66
|
+
onPress={props.onSkip}
|
|
67
|
+
/>
|
|
68
|
+
)}
|
|
60
69
|
{props.paginationPosition === 'top' && (
|
|
61
70
|
<>
|
|
62
71
|
{showPagination &&
|
|
63
72
|
props.customFooter &&
|
|
64
73
|
props.customFooter({ nextPage: props.nextPage })}
|
|
65
|
-
{!props.customFooter && (
|
|
74
|
+
{!props.customFooter && showPagination && (
|
|
66
75
|
<Pagination
|
|
67
|
-
width={width}
|
|
76
|
+
width={props.width || width}
|
|
68
77
|
onNext={props.nextPage}
|
|
69
78
|
onSkip={props.onSkip}
|
|
70
79
|
color={color}
|
|
@@ -77,6 +86,7 @@ export const OnboardingPages = ({
|
|
|
77
86
|
numberOfScreens={props.pages.length}
|
|
78
87
|
skipLabel={props.skipLabel}
|
|
79
88
|
nextLabel={props.nextLabel}
|
|
89
|
+
hasSkipPosition={!!props.skipButtonPosition}
|
|
80
90
|
doneLabel={props.doneLabel}
|
|
81
91
|
paginationContainerStyle={props.paginationContainerStyle}
|
|
82
92
|
buttonRightContainerStyle={props.buttonRightContainerStyle}
|
|
@@ -85,6 +95,9 @@ export const OnboardingPages = ({
|
|
|
85
95
|
doneLabelStyle={props.doneLabelStyle}
|
|
86
96
|
skipLabelStyle={props.skipLabelStyle}
|
|
87
97
|
nextLabelStyle={props.nextLabelStyle}
|
|
98
|
+
skipButtonContainerStyle={props.skipButtonContainerStyle}
|
|
99
|
+
nextButtonContainerStyle={props.nextButtonContainerStyle}
|
|
100
|
+
doneButtonContainerStyle={props.doneButtonContainerStyle}
|
|
88
101
|
/>
|
|
89
102
|
)}
|
|
90
103
|
</>
|
|
@@ -97,16 +110,21 @@ export const OnboardingPages = ({
|
|
|
97
110
|
showsHorizontalScrollIndicator={false}
|
|
98
111
|
keyExtractor={(_, index) => index.toString()}
|
|
99
112
|
renderItem={({ item, index }) => (
|
|
100
|
-
<OnboardingPage
|
|
113
|
+
<OnboardingPage
|
|
114
|
+
color={color}
|
|
115
|
+
width={props.width || width}
|
|
116
|
+
key={index}
|
|
117
|
+
{...item}
|
|
118
|
+
/>
|
|
101
119
|
)}
|
|
102
120
|
onScroll={Animated.event(
|
|
103
121
|
[{ nativeEvent: { contentOffset: { x: props.scrollX } } }],
|
|
104
122
|
{ useNativeDriver: false }
|
|
105
123
|
)}
|
|
106
|
-
scrollEventThrottle={16}
|
|
124
|
+
scrollEventThrottle={16}
|
|
107
125
|
onMomentumScrollEnd={(event) => {
|
|
108
126
|
const pageIndex = Math.round(
|
|
109
|
-
event.nativeEvent.contentOffset.x / width
|
|
127
|
+
event.nativeEvent.contentOffset.x / (props.width || width)
|
|
110
128
|
);
|
|
111
129
|
setPage_(pageIndex || 0);
|
|
112
130
|
}}
|
|
@@ -116,29 +134,35 @@ export const OnboardingPages = ({
|
|
|
116
134
|
{showPagination &&
|
|
117
135
|
props.customFooter &&
|
|
118
136
|
props.customFooter({ nextPage: props.nextPage })}
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
137
|
+
{!props.customFooter && showPagination && (
|
|
138
|
+
<Pagination
|
|
139
|
+
width={props.width || width}
|
|
140
|
+
onNext={props.nextPage}
|
|
141
|
+
onSkip={props.onSkip}
|
|
142
|
+
color={color}
|
|
143
|
+
hasSkipPosition={!!props.skipButtonPosition}
|
|
144
|
+
onDone={props.onDone}
|
|
145
|
+
showDone={props.showDone}
|
|
146
|
+
backgroundColor={footerBackgroundColor}
|
|
147
|
+
animatedValue={props.scrollX}
|
|
148
|
+
showSkip={props.showSkip}
|
|
149
|
+
numberOfScreens={props.pages.length}
|
|
150
|
+
skipLabel={props.skipLabel}
|
|
151
|
+
nextLabel={props.nextLabel}
|
|
152
|
+
doneLabel={props.doneLabel}
|
|
153
|
+
paginationContainerStyle={props.paginationContainerStyle}
|
|
154
|
+
buttonRightContainerStyle={props.buttonRightContainerStyle}
|
|
155
|
+
buttonLeftContainerStyle={props.buttonLeftContainerStyle}
|
|
156
|
+
dotsContainerStyle={props.dotsContainerStyle}
|
|
157
|
+
doneLabelStyle={props.doneLabelStyle}
|
|
158
|
+
skipLabelStyle={props.skipLabelStyle}
|
|
159
|
+
skipButtonContainerStyle={props.skipButtonContainerStyle}
|
|
160
|
+
nextButtonContainerStyle={props.nextButtonContainerStyle}
|
|
161
|
+
doneButtonContainerStyle={props.doneButtonContainerStyle}
|
|
162
|
+
showNext={showNext}
|
|
163
|
+
nextLabelStyle={props.nextLabelStyle}
|
|
164
|
+
/>
|
|
165
|
+
)}
|
|
142
166
|
</>
|
|
143
167
|
)}
|
|
144
168
|
</Animated.View>
|