react-native-app-onboard 0.1.2 → 0.1.4
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 +5 -1
- package/lib/commonjs/components/CustomPages.js +15 -1
- package/lib/commonjs/components/CustomPages.js.map +1 -1
- package/lib/commonjs/components/OnboardingPages.js +16 -2
- 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 +10 -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/module/components/CustomPages.js +15 -1
- package/lib/module/components/CustomPages.js.map +1 -1
- package/lib/module/components/OnboardingPages.js +16 -2
- 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 +10 -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/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 +17 -0
- package/src/components/OnboardingPages.tsx +17 -0
- package/src/components/Pagination.tsx +8 -1
- package/src/components/Swiper.tsx +9 -0
- package/src/components/button.tsx +26 -0
- package/src/types/index.ts +4 -0
package/README.md
CHANGED
|
@@ -7,7 +7,7 @@ React Native App Onboard is a customizable, easy-to-use, and efficient library f
|
|
|
7
7
|
| --------------------- | --------------------- | ------------------ |
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
[Expo Snack example](https://snack.expo.dev/@lekgwaraj/react-native-app-onboard)
|
|
10
|
+
[Expo Snack example](https://snack.expo.dev/@lekgwaraj/react-native-app-onboard?platform=ios)
|
|
11
11
|
|
|
12
12
|
## Installation
|
|
13
13
|
|
|
@@ -87,6 +87,10 @@ export default App;
|
|
|
87
87
|
| `width` | `number` | | Optional. Custom width for the onboarding component. |
|
|
88
88
|
| `color` | `string` | | Optional. Color of the pagination dots. |
|
|
89
89
|
| `pages` | `Page[]` | | Optional. An array of [`Page`](#page-type) objects to render as the onboarding screens. |
|
|
90
|
+
| `skipButtonContainerStyle` | `StyleProp<ViewStyle>` | | Optional. Custom style for the container of the "Skip" button. |
|
|
91
|
+
| `nextButtonContainerStyle` | `StyleProp<ViewStyle>` | | Optional. Custom style for the container of the "Next" button. |
|
|
92
|
+
| `doneButtonContainerStyle` | `StyleProp<ViewStyle>` | | Optional. Custom style for the container of the "Done" button. |
|
|
93
|
+
| `skipButtonPosition` | `'top-left'` \| `'top-right'` | | Optional. Specifies the position of the "Skip" button. Can be either 'top-left' or 'top-right'. |
|
|
90
94
|
|
|
91
95
|
## Page Type
|
|
92
96
|
|
|
@@ -7,6 +7,7 @@ exports.CustomPages = void 0;
|
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _Pagination = require("./Pagination");
|
|
10
|
+
var _button = require("./button");
|
|
10
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
12
|
const {
|
|
12
13
|
width
|
|
@@ -18,7 +19,12 @@ const CustomPages = ({
|
|
|
18
19
|
}) => {
|
|
19
20
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
20
21
|
style: [styles.container]
|
|
21
|
-
},
|
|
22
|
+
}, props.skipButtonPosition && props.showSkip && /*#__PURE__*/_react.default.createElement(_button.SkipButton, {
|
|
23
|
+
buttonTextStyle: props.skipLabelStyle,
|
|
24
|
+
buttonStyle: props.skipButtonContainerStyle,
|
|
25
|
+
position: props.skipButtonPosition,
|
|
26
|
+
onPress: props.onSkip
|
|
27
|
+
}), showPagination && props.paginationPosition === 'top' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showPagination && props.customFooter && props.customFooter({
|
|
22
28
|
nextPage: props.nextPage
|
|
23
29
|
}), !props.customFooter && /*#__PURE__*/_react.default.createElement(_Pagination.Pagination, {
|
|
24
30
|
color: '#fff',
|
|
@@ -35,11 +41,15 @@ const CustomPages = ({
|
|
|
35
41
|
showNext: showNext,
|
|
36
42
|
nextLabel: props.nextLabel,
|
|
37
43
|
doneLabel: props.doneLabel,
|
|
44
|
+
hasSkipPosition: !!props.skipButtonPosition,
|
|
38
45
|
paginationContainerStyle: props.paginationContainerStyle,
|
|
39
46
|
buttonRightContainerStyle: props.buttonRightContainerStyle,
|
|
40
47
|
buttonLeftContainerStyle: props.buttonLeftContainerStyle,
|
|
41
48
|
dotsContainerStyle: props.dotsContainerStyle,
|
|
42
49
|
doneLabelStyle: props.doneLabelStyle,
|
|
50
|
+
skipButtonContainerStyle: props.skipButtonContainerStyle,
|
|
51
|
+
nextButtonContainerStyle: props.nextButtonContainerStyle,
|
|
52
|
+
doneButtonContainerStyle: props.doneButtonContainerStyle,
|
|
43
53
|
skipLabelStyle: props.skipLabelStyle,
|
|
44
54
|
nextLabelStyle: props.nextLabelStyle
|
|
45
55
|
})), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.FlatList, {
|
|
@@ -97,7 +107,11 @@ const CustomPages = ({
|
|
|
97
107
|
buttonLeftContainerStyle: props.buttonLeftContainerStyle,
|
|
98
108
|
dotsContainerStyle: props.dotsContainerStyle,
|
|
99
109
|
doneLabelStyle: props.doneLabelStyle,
|
|
110
|
+
skipButtonContainerStyle: props.skipButtonContainerStyle,
|
|
111
|
+
nextButtonContainerStyle: props.nextButtonContainerStyle,
|
|
112
|
+
doneButtonContainerStyle: props.doneButtonContainerStyle,
|
|
100
113
|
skipLabelStyle: props.skipLabelStyle,
|
|
114
|
+
hasSkipPosition: !!props.skipButtonPosition,
|
|
101
115
|
nextLabelStyle: props.nextLabelStyle
|
|
102
116
|
})));
|
|
103
117
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_Pagination","e","__esModule","default","width","Dimensions","get","CustomPages","showPagination","showNext","props","createElement","View","style","styles","container","paginationPosition","Fragment","customFooter","nextPage","Pagination","color","backgroundColor","onNext","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_Pagination","_button","e","__esModule","default","width","Dimensions","get","CustomPages","showPagination","showNext","props","createElement","View","style","styles","container","skipButtonPosition","showSkip","SkipButton","buttonTextStyle","skipLabelStyle","buttonStyle","skipButtonContainerStyle","position","onPress","onSkip","paginationPosition","Fragment","customFooter","nextPage","Pagination","color","backgroundColor","onNext","onDone","showDone","animatedValue","scrollX","numberOfScreens","skipLabel","nextLabel","doneLabel","hasSkipPosition","paginationContainerStyle","buttonRightContainerStyle","buttonLeftContainerStyle","dotsContainerStyle","doneLabelStyle","nextButtonContainerStyle","doneButtonContainerStyle","nextLabelStyle","Animated","FlatList","ref","flatListRef","data","React","Children","toArray","children","horizontal","pagingEnabled","showsHorizontalScrollIndicator","scrollEnabled","onScroll","event","nativeEvent","contentOffset","x","useNativeDriver","scrollEventThrottle","onMomentumScrollEnd","pageIndex","Math","round","setPage","keyExtractor","_","index","toString","renderItem","item","cloneElement","currentPage","exports","StyleSheet","create","flex","justifyContent","alignItems","screen","pagination","flexDirection","paddingVertical","paddingHorizontal","dot","height","borderRadius","margin","dotsContainer"],"sourceRoot":"../../../src","sources":["components/CustomPages.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,6 +9,7 @@ var _tinycolor = _interopRequireDefault(require("tinycolor2"));
|
|
|
9
9
|
var _reactNative = require("react-native");
|
|
10
10
|
var _Pagination = require("./Pagination");
|
|
11
11
|
var _Page = require("./Page");
|
|
12
|
+
var _button = require("./button");
|
|
12
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
14
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
15
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -44,7 +45,12 @@ const OnboardingPages = ({
|
|
|
44
45
|
style: [styles.container, {
|
|
45
46
|
backgroundColor: interpolatedBackgroundColor
|
|
46
47
|
}]
|
|
47
|
-
}, props.
|
|
48
|
+
}, props.skipButtonPosition && props.showSkip && /*#__PURE__*/_react.default.createElement(_button.SkipButton, {
|
|
49
|
+
buttonTextStyle: props.skipLabelStyle,
|
|
50
|
+
buttonStyle: props.skipButtonContainerStyle,
|
|
51
|
+
position: props.skipButtonPosition,
|
|
52
|
+
onPress: props.onSkip
|
|
53
|
+
}), props.paginationPosition === 'top' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showPagination && props.customFooter && props.customFooter({
|
|
48
54
|
nextPage: props.nextPage
|
|
49
55
|
}), !props.customFooter && /*#__PURE__*/_react.default.createElement(_Pagination.Pagination, {
|
|
50
56
|
width: width,
|
|
@@ -60,6 +66,7 @@ const OnboardingPages = ({
|
|
|
60
66
|
numberOfScreens: props.pages.length,
|
|
61
67
|
skipLabel: props.skipLabel,
|
|
62
68
|
nextLabel: props.nextLabel,
|
|
69
|
+
hasSkipPosition: !!props.skipButtonPosition,
|
|
63
70
|
doneLabel: props.doneLabel,
|
|
64
71
|
paginationContainerStyle: props.paginationContainerStyle,
|
|
65
72
|
buttonRightContainerStyle: props.buttonRightContainerStyle,
|
|
@@ -67,7 +74,10 @@ const OnboardingPages = ({
|
|
|
67
74
|
dotsContainerStyle: props.dotsContainerStyle,
|
|
68
75
|
doneLabelStyle: props.doneLabelStyle,
|
|
69
76
|
skipLabelStyle: props.skipLabelStyle,
|
|
70
|
-
nextLabelStyle: props.nextLabelStyle
|
|
77
|
+
nextLabelStyle: props.nextLabelStyle,
|
|
78
|
+
skipButtonContainerStyle: props.skipButtonContainerStyle,
|
|
79
|
+
nextButtonContainerStyle: props.nextButtonContainerStyle,
|
|
80
|
+
doneButtonContainerStyle: props.doneButtonContainerStyle
|
|
71
81
|
})), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.FlatList, {
|
|
72
82
|
ref: props.flatListRef,
|
|
73
83
|
data: props.pages,
|
|
@@ -105,6 +115,7 @@ const OnboardingPages = ({
|
|
|
105
115
|
onNext: props.nextPage,
|
|
106
116
|
onSkip: props.onSkip,
|
|
107
117
|
color: color,
|
|
118
|
+
hasSkipPosition: !!props.skipButtonPosition,
|
|
108
119
|
onDone: props.onDone,
|
|
109
120
|
showDone: props.showDone,
|
|
110
121
|
backgroundColor: footerBackgroundColor,
|
|
@@ -120,6 +131,9 @@ const OnboardingPages = ({
|
|
|
120
131
|
dotsContainerStyle: props.dotsContainerStyle,
|
|
121
132
|
doneLabelStyle: props.doneLabelStyle,
|
|
122
133
|
skipLabelStyle: props.skipLabelStyle,
|
|
134
|
+
skipButtonContainerStyle: props.skipButtonContainerStyle,
|
|
135
|
+
nextButtonContainerStyle: props.nextButtonContainerStyle,
|
|
136
|
+
doneButtonContainerStyle: props.doneButtonContainerStyle,
|
|
123
137
|
showNext: showNext,
|
|
124
138
|
nextLabelStyle: props.nextLabelStyle
|
|
125
139
|
})));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_tinycolor","_interopRequireDefault","_reactNative","_Pagination","_Page","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","width","Dimensions","OnboardingPages","showPagination","showNext","props","_props$pages$previous","backgroundColorAnim","useRef","Animated","Value","current","previousPage","setPreviousPage","React","useState","currentPage_","pages","currentPage","currentBackgroundColor","backgroundColor","isLight","tinycolor","getBrightness","footerBackgroundColor","darken","toString","lighten","color","previousBackgroundColor","interpolatedBackgroundColor","interpolate","inputRange","outputRange","extrapolate","setPage_","newPageIndex","setPage","createElement","View","style","styles","container","paginationPosition","Fragment","customFooter","nextPage","Pagination","onNext","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_tinycolor","_interopRequireDefault","_reactNative","_Pagination","_Page","_button","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","width","Dimensions","OnboardingPages","showPagination","showNext","props","_props$pages$previous","backgroundColorAnim","useRef","Animated","Value","current","previousPage","setPreviousPage","React","useState","currentPage_","pages","currentPage","currentBackgroundColor","backgroundColor","isLight","tinycolor","getBrightness","footerBackgroundColor","darken","toString","lighten","color","previousBackgroundColor","interpolatedBackgroundColor","interpolate","inputRange","outputRange","extrapolate","setPage_","newPageIndex","setPage","createElement","View","style","styles","container","skipButtonPosition","showSkip","SkipButton","buttonTextStyle","skipLabelStyle","buttonStyle","skipButtonContainerStyle","position","onPress","onSkip","paginationPosition","Fragment","customFooter","nextPage","Pagination","onNext","onDone","showDone","animatedValue","scrollX","numberOfScreens","skipLabel","nextLabel","hasSkipPosition","doneLabel","paginationContainerStyle","buttonRightContainerStyle","buttonLeftContainerStyle","dotsContainerStyle","doneLabelStyle","nextLabelStyle","nextButtonContainerStyle","doneButtonContainerStyle","FlatList","ref","flatListRef","data","horizontal","pagingEnabled","showsHorizontalScrollIndicator","keyExtractor","_","index","renderItem","item","OnboardingPage","key","onScroll","event","nativeEvent","contentOffset","x","useNativeDriver","scrollEventThrottle","onMomentumScrollEnd","pageIndex","Math","round","exports","StyleSheet","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":[]}
|
|
@@ -23,9 +23,10 @@ function Pagination(props) {
|
|
|
23
23
|
}, props.paginationContainerStyle]
|
|
24
24
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
25
25
|
style: [styles.buttons, styles.leftButton, props.buttonLeftContainerStyle]
|
|
26
|
-
}, props.showSkip && /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
26
|
+
}, props.showSkip && !props.hasSkipPosition && /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
27
27
|
onPress: props.onSkip,
|
|
28
28
|
buttonTextStyle: props.skipLabelStyle,
|
|
29
|
+
buttonStyle: props.skipButtonContainerStyle,
|
|
29
30
|
label: props.skipLabel || 'Skip'
|
|
30
31
|
})), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
31
32
|
style: styles.dotsContainer
|
|
@@ -48,11 +49,13 @@ function Pagination(props) {
|
|
|
48
49
|
}, !isDone && props.showNext && /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
49
50
|
onPress: props.onNext,
|
|
50
51
|
label: props.nextLabel || 'Next',
|
|
51
|
-
buttonTextStyle: props.nextLabelStyle
|
|
52
|
+
buttonTextStyle: props.nextLabelStyle,
|
|
53
|
+
buttonStyle: props.nextButtonContainerStyle
|
|
52
54
|
}), isDone && props.showDone && /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
53
55
|
onPress: props.onDone,
|
|
54
56
|
label: props.doneLabel || 'Done',
|
|
55
|
-
buttonTextStyle: props.doneLabelStyle
|
|
57
|
+
buttonTextStyle: props.doneLabelStyle,
|
|
58
|
+
buttonStyle: props.doneButtonContainerStyle
|
|
56
59
|
})));
|
|
57
60
|
}
|
|
58
61
|
const styles = _reactNative.StyleSheet.create({
|
|
@@ -1 +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","Button","onPress","onSkip","buttonTextStyle","skipLabelStyle","label","skipLabel","dotsContainer","map","inputRange","dotOpacity","animatedValue","interpolate","outputRange","extrapolate","Animated","key","dot","color","opacity","dotsContainerStyle","rightButton","buttonRightContainerStyle","showNext","onNext","nextLabel","nextLabelStyle","showDone","onDone","doneLabel","doneLabelStyle","StyleSheet","create","flexDirection","justifyContent","alignItems","height","paddingVertical","paddingHorizontal","borderRadius","marginHorizontal","flex","text","fontSize","minWidth","paddingRight","paddingLeft"],"sourceRoot":"../../../src","sources":["components/Pagination.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAkC,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;
|
|
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":[]}
|
|
@@ -33,7 +33,11 @@ const Swiper = props => {
|
|
|
33
33
|
nextPage: nextPage,
|
|
34
34
|
showDone: props.showDone,
|
|
35
35
|
showNext: props.showNext,
|
|
36
|
-
onDone: props.onDone
|
|
36
|
+
onDone: props.onDone,
|
|
37
|
+
skipButtonContainerStyle: props.skipButtonContainerStyle,
|
|
38
|
+
nextButtonContainerStyle: props.nextButtonContainerStyle,
|
|
39
|
+
doneButtonContainerStyle: props.doneButtonContainerStyle,
|
|
40
|
+
skipButtonPosition: props.skipButtonPosition
|
|
37
41
|
}, props.children);
|
|
38
42
|
}
|
|
39
43
|
return /*#__PURE__*/_react.default.createElement(_OnboardingPages.OnboardingPages, {
|
|
@@ -50,6 +54,11 @@ const Swiper = props => {
|
|
|
50
54
|
pages: props.pages || [],
|
|
51
55
|
width: props.width,
|
|
52
56
|
showNext: props.showNext,
|
|
57
|
+
skipButtonContainerStyle: props.skipButtonContainerStyle,
|
|
58
|
+
nextButtonContainerStyle: props.nextButtonContainerStyle,
|
|
59
|
+
doneButtonContainerStyle: props.doneButtonContainerStyle,
|
|
60
|
+
skipLabelStyle: props.skipLabelStyle,
|
|
61
|
+
skipButtonPosition: props.skipButtonPosition,
|
|
53
62
|
color: props.color,
|
|
54
63
|
onSkip: props.onSkip
|
|
55
64
|
});
|
|
@@ -1 +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","OnboardingPages","paginationPosition","showSkip","pages","width","color","onSkip","exports"],"sourceRoot":"../../../src","sources":["components/Swiper.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAAuD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGhD,MAAMG,MAAiC,GAAIC,KAAK,IAAK;EAC1D,MAAMC,OAAO,GAAGC,cAAK,CAACC,MAAM,CAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC3D,MAAM;IACJC,WAAW;IACXC,cAAc;IACdC,WAAW;IACXC,eAAe;IACfC,QAAQ;IACRC;EACF,CAAC,GAAG,IAAAC,4BAAa,EAAC,CAAC;EACnB,IAAIb,KAAK,CAACc,QAAQ,EAAE;IAClB,oBACEzB,MAAA,CAAAS,OAAA,CAAAiB,aAAA,CAACtB,YAAA,CAAAuB,WAAW;MACVC,YAAY,EAAEjB,KAAK,CAACiB,YAAa;MACjCC,cAAc,EAAElB,KAAK,CAACkB,cAAe;MACrCX,WAAW,EAAEA,WAAY;MACzBN,OAAO,EAAEA,OAAQ;MACjBkB,OAAO,EAAEX,cAAe;MACxBI,aAAa,EAAEA,aAAc;MAC7BH,WAAW,EAAEA,WAAY;MACzBC,eAAe,EAAEA,eAAgB;MACjCC,QAAQ,EAAEA,QAAS;MACnBS,QAAQ,EAAEpB,KAAK,CAACoB,QAAS;MACzBC,QAAQ,EAAErB,KAAK,CAACqB,QAAS;MACzBC,MAAM,EAAEtB,KAAK,CAACsB;
|
|
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","OnboardingPages","paginationPosition","showSkip","pages","width","skipLabelStyle","color","onSkip","exports"],"sourceRoot":"../../../src","sources":["components/Swiper.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAAuD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGhD,MAAMG,MAAiC,GAAIC,KAAK,IAAK;EAC1D,MAAMC,OAAO,GAAGC,cAAK,CAACC,MAAM,CAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC3D,MAAM;IACJC,WAAW;IACXC,cAAc;IACdC,WAAW;IACXC,eAAe;IACfC,QAAQ;IACRC;EACF,CAAC,GAAG,IAAAC,4BAAa,EAAC,CAAC;EACnB,IAAIb,KAAK,CAACc,QAAQ,EAAE;IAClB,oBACEzB,MAAA,CAAAS,OAAA,CAAAiB,aAAA,CAACtB,YAAA,CAAAuB,WAAW;MACVC,YAAY,EAAEjB,KAAK,CAACiB,YAAa;MACjCC,cAAc,EAAElB,KAAK,CAACkB,cAAe;MACrCX,WAAW,EAAEA,WAAY;MACzBN,OAAO,EAAEA,OAAQ;MACjBkB,OAAO,EAAEX,cAAe;MACxBI,aAAa,EAAEA,aAAc;MAC7BH,WAAW,EAAEA,WAAY;MACzBC,eAAe,EAAEA,eAAgB;MACjCC,QAAQ,EAAEA,QAAS;MACnBS,QAAQ,EAAEpB,KAAK,CAACoB,QAAS;MACzBC,QAAQ,EAAErB,KAAK,CAACqB,QAAS;MACzBC,MAAM,EAAEtB,KAAK,CAACsB,MAAO;MACrBC,wBAAwB,EAAEvB,KAAK,CAACuB,wBAAyB;MACzDC,wBAAwB,EAAExB,KAAK,CAACwB,wBAAyB;MACzDC,wBAAwB,EAAEzB,KAAK,CAACyB,wBAAyB;MACzDC,kBAAkB,EAAE1B,KAAK,CAAC0B;IAAmB,GAE5C1B,KAAK,CAACc,QACI,CAAC;EAElB;EAEA,oBACEzB,MAAA,CAAAS,OAAA,CAAAiB,aAAA,CAACvB,gBAAA,CAAAmC,eAAe;IACdP,QAAQ,EAAEpB,KAAK,CAACoB,QAAS;IACzBH,YAAY,EAAEjB,KAAK,CAACiB,YAAa;IACjCV,WAAW,EAAEA,WAAY;IACzBN,OAAO,EAAEA,OAAQ;IACjBkB,OAAO,EAAEX,cAAe;IACxBC,WAAW,EAAEA,WAAY;IACzBmB,kBAAkB,EAAE5B,KAAK,CAAC4B,kBAAmB;IAC7CjB,QAAQ,EAAEA,QAAS;IACnBkB,QAAQ,EAAE7B,KAAK,CAAC6B,QAAS;IACzBP,MAAM,EAAEtB,KAAK,CAACsB,MAAO;IACrBQ,KAAK,EAAE9B,KAAK,CAAC8B,KAAK,IAAI,EAAG;IACzBC,KAAK,EAAE/B,KAAK,CAAC+B,KAAM;IACnBV,QAAQ,EAAErB,KAAK,CAACqB,QAAS;IACzBE,wBAAwB,EAAEvB,KAAK,CAACuB,wBAAyB;IACzDC,wBAAwB,EAAExB,KAAK,CAACwB,wBAAyB;IACzDC,wBAAwB,EAAEzB,KAAK,CAACyB,wBAAyB;IACzDO,cAAc,EAAEhC,KAAK,CAACgC,cAAe;IACrCN,kBAAkB,EAAE1B,KAAK,CAAC0B,kBAAmB;IAC7CO,KAAK,EAAEjC,KAAK,CAACiC,KAAM;IACnBC,MAAM,EAAElC,KAAK,CAACkC;EAAO,CACtB,CAAC;AAEN,CAAC;AAACC,OAAA,CAAApC,MAAA,GAAAA,MAAA","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.Button = void 0;
|
|
6
|
+
exports.SkipButton = exports.Button = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -18,6 +18,21 @@ const Button = props => {
|
|
|
18
18
|
}, props.label)) : props.label;
|
|
19
19
|
};
|
|
20
20
|
exports.Button = Button;
|
|
21
|
+
const SkipButton = props => {
|
|
22
|
+
const buttonStyle = {
|
|
23
|
+
top: 20,
|
|
24
|
+
left: props.position === 'top-left' ? 30 : undefined,
|
|
25
|
+
right: props.position === 'top-right' ? 30 : undefined
|
|
26
|
+
};
|
|
27
|
+
return /*#__PURE__*/_react.default.createElement(Button, {
|
|
28
|
+
label: props.label || 'Skip',
|
|
29
|
+
onPress: props.onPress,
|
|
30
|
+
buttonStyle: [styles.skipButton, buttonStyle, props.buttonStyle],
|
|
31
|
+
buttonTextStyle: props.buttonTextStyle,
|
|
32
|
+
color: props.color
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
exports.SkipButton = SkipButton;
|
|
21
36
|
const styles = _reactNative.StyleSheet.create({
|
|
22
37
|
pagination: {
|
|
23
38
|
flexDirection: 'row',
|
|
@@ -52,6 +67,10 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
52
67
|
leftButton: {
|
|
53
68
|
alignItems: 'flex-start',
|
|
54
69
|
paddingLeft: 30
|
|
70
|
+
},
|
|
71
|
+
skipButton: {
|
|
72
|
+
position: 'absolute',
|
|
73
|
+
zIndex: 10
|
|
55
74
|
}
|
|
56
75
|
});
|
|
57
76
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +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","StyleSheet","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,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;AAEF,
|
|
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":[]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { View, Dimensions, Animated, StyleSheet } from 'react-native';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Pagination } from './Pagination';
|
|
4
|
+
import { SkipButton } from './button';
|
|
4
5
|
const {
|
|
5
6
|
width
|
|
6
7
|
} = Dimensions.get('window');
|
|
@@ -11,7 +12,12 @@ export const CustomPages = ({
|
|
|
11
12
|
}) => {
|
|
12
13
|
return /*#__PURE__*/React.createElement(View, {
|
|
13
14
|
style: [styles.container]
|
|
14
|
-
},
|
|
15
|
+
}, props.skipButtonPosition && props.showSkip && /*#__PURE__*/React.createElement(SkipButton, {
|
|
16
|
+
buttonTextStyle: props.skipLabelStyle,
|
|
17
|
+
buttonStyle: props.skipButtonContainerStyle,
|
|
18
|
+
position: props.skipButtonPosition,
|
|
19
|
+
onPress: props.onSkip
|
|
20
|
+
}), showPagination && props.paginationPosition === 'top' && /*#__PURE__*/React.createElement(React.Fragment, null, showPagination && props.customFooter && props.customFooter({
|
|
15
21
|
nextPage: props.nextPage
|
|
16
22
|
}), !props.customFooter && /*#__PURE__*/React.createElement(Pagination, {
|
|
17
23
|
color: '#fff',
|
|
@@ -28,11 +34,15 @@ export const CustomPages = ({
|
|
|
28
34
|
showNext: showNext,
|
|
29
35
|
nextLabel: props.nextLabel,
|
|
30
36
|
doneLabel: props.doneLabel,
|
|
37
|
+
hasSkipPosition: !!props.skipButtonPosition,
|
|
31
38
|
paginationContainerStyle: props.paginationContainerStyle,
|
|
32
39
|
buttonRightContainerStyle: props.buttonRightContainerStyle,
|
|
33
40
|
buttonLeftContainerStyle: props.buttonLeftContainerStyle,
|
|
34
41
|
dotsContainerStyle: props.dotsContainerStyle,
|
|
35
42
|
doneLabelStyle: props.doneLabelStyle,
|
|
43
|
+
skipButtonContainerStyle: props.skipButtonContainerStyle,
|
|
44
|
+
nextButtonContainerStyle: props.nextButtonContainerStyle,
|
|
45
|
+
doneButtonContainerStyle: props.doneButtonContainerStyle,
|
|
36
46
|
skipLabelStyle: props.skipLabelStyle,
|
|
37
47
|
nextLabelStyle: props.nextLabelStyle
|
|
38
48
|
})), /*#__PURE__*/React.createElement(Animated.FlatList, {
|
|
@@ -90,7 +100,11 @@ export const CustomPages = ({
|
|
|
90
100
|
buttonLeftContainerStyle: props.buttonLeftContainerStyle,
|
|
91
101
|
dotsContainerStyle: props.dotsContainerStyle,
|
|
92
102
|
doneLabelStyle: props.doneLabelStyle,
|
|
103
|
+
skipButtonContainerStyle: props.skipButtonContainerStyle,
|
|
104
|
+
nextButtonContainerStyle: props.nextButtonContainerStyle,
|
|
105
|
+
doneButtonContainerStyle: props.doneButtonContainerStyle,
|
|
93
106
|
skipLabelStyle: props.skipLabelStyle,
|
|
107
|
+
hasSkipPosition: !!props.skipButtonPosition,
|
|
94
108
|
nextLabelStyle: props.nextLabelStyle
|
|
95
109
|
})));
|
|
96
110
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Dimensions","Animated","StyleSheet","React","Pagination","width","get","CustomPages","showPagination","showNext","props","createElement","style","styles","container","paginationPosition","Fragment","customFooter","nextPage","color","backgroundColor","onNext","
|
|
1
|
+
{"version":3,"names":["View","Dimensions","Animated","StyleSheet","React","Pagination","SkipButton","width","get","CustomPages","showPagination","showNext","props","createElement","style","styles","container","skipButtonPosition","showSkip","buttonTextStyle","skipLabelStyle","buttonStyle","skipButtonContainerStyle","position","onPress","onSkip","paginationPosition","Fragment","customFooter","nextPage","color","backgroundColor","onNext","onDone","showDone","animatedValue","scrollX","numberOfScreens","skipLabel","nextLabel","doneLabel","hasSkipPosition","paginationContainerStyle","buttonRightContainerStyle","buttonLeftContainerStyle","dotsContainerStyle","doneLabelStyle","nextButtonContainerStyle","doneButtonContainerStyle","nextLabelStyle","FlatList","ref","flatListRef","data","Children","toArray","children","horizontal","pagingEnabled","showsHorizontalScrollIndicator","scrollEnabled","onScroll","event","nativeEvent","contentOffset","x","useNativeDriver","scrollEventThrottle","onMomentumScrollEnd","pageIndex","Math","round","setPage","keyExtractor","_","index","toString","renderItem","item","cloneElement","currentPage","create","flex","justifyContent","alignItems","screen","pagination","flexDirection","paddingVertical","paddingHorizontal","dot","height","borderRadius","margin","dotsContainer"],"sourceRoot":"../../../src","sources":["components/CustomPages.tsx"],"mappings":"AAAA,SAASA,IAAI,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,UAAU,QAAkB,cAAc;AAC/E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,UAAU,QAAQ,UAAU;AAErC,MAAM;EAAEC;AAAM,CAAC,GAAGN,UAAU,CAACO,GAAG,CAAC,QAAQ,CAAC;AAmB1C,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAC1BC,cAAc,GAAG,IAAI;EACrBC,QAAQ,GAAG,IAAI;EACf,GAAGC;AACa,CAAC,KAAK;EACtB,oBACER,KAAA,CAAAS,aAAA,CAACb,IAAI;IAACc,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS;EAAE,GAC7BJ,KAAK,CAACK,kBAAkB,IAAIL,KAAK,CAACM,QAAQ,iBACzCd,KAAA,CAAAS,aAAA,CAACP,UAAU;IACTa,eAAe,EAAEP,KAAK,CAACQ,cAAe;IACtCC,WAAW,EAAET,KAAK,CAACU,wBAAyB;IAC5CC,QAAQ,EAAEX,KAAK,CAACK,kBAAmB;IACnCO,OAAO,EAAEZ,KAAK,CAACa;EAAO,CACvB,CACF,EACAf,cAAc,IAAIE,KAAK,CAACc,kBAAkB,KAAK,KAAK,iBACnDtB,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAuB,QAAA,QACGjB,cAAc,IACbE,KAAK,CAACgB,YAAY,IAClBhB,KAAK,CAACgB,YAAY,CAAC;IAAEC,QAAQ,EAAEjB,KAAK,CAACiB;EAAS,CAAC,CAAC,EACjD,CAACjB,KAAK,CAACgB,YAAY,iBAClBxB,KAAA,CAAAS,aAAA,CAACR,UAAU;IACTyB,KAAK,EAAE,MAAO;IACdC,eAAe,EAAE,MAAO;IACxBxB,KAAK,EAAEA,KAAM;IACbyB,MAAM,EAAEpB,KAAK,CAACiB,QAAS;IACvBJ,MAAM,EAAEb,KAAK,CAACa,MAAO;IACrBQ,MAAM,EAAErB,KAAK,CAACqB,MAAO;IACrBC,QAAQ,EAAEtB,KAAK,CAACsB,QAAS;IACzBC,aAAa,EAAEvB,KAAK,CAACwB,OAAQ;IAC7BlB,QAAQ,EAAEN,KAAK,CAACM,QAAS;IACzBmB,eAAe,EAAEzB,KAAK,CAACyB,eAAgB;IACvCC,SAAS,EAAE1B,KAAK,CAAC0B,SAAU;IAC3B3B,QAAQ,EAAEA,QAAS;IACnB4B,SAAS,EAAE3B,KAAK,CAAC2B,SAAU;IAC3BC,SAAS,EAAE5B,KAAK,CAAC4B,SAAU;IAC3BC,eAAe,EAAE,CAAC,CAAC7B,KAAK,CAACK,kBAAmB;IAC5CyB,wBAAwB,EAAE9B,KAAK,CAAC8B,wBAAyB;IACzDC,yBAAyB,EAAE/B,KAAK,CAAC+B,yBAA0B;IAC3DC,wBAAwB,EAAEhC,KAAK,CAACgC,wBAAyB;IACzDC,kBAAkB,EAAEjC,KAAK,CAACiC,kBAAmB;IAC7CC,cAAc,EAAElC,KAAK,CAACkC,cAAe;IACrCxB,wBAAwB,EAAEV,KAAK,CAACU,wBAAyB;IACzDyB,wBAAwB,EAAEnC,KAAK,CAACmC,wBAAyB;IACzDC,wBAAwB,EAAEpC,KAAK,CAACoC,wBAAyB;IACzD5B,cAAc,EAAER,KAAK,CAACQ,cAAe;IACrC6B,cAAc,EAAErC,KAAK,CAACqC;EAAe,CACtC,CAEH,CACH,eACD7C,KAAA,CAAAS,aAAA,CAACX,QAAQ,CAACgD,QAAQ;IAChBC,GAAG,EAAEvC,KAAK,CAACwC,WAAY;IACvBC,IAAI,EAAEjD,KAAK,CAACkD,QAAQ,CAACC,OAAO,CAAC3C,KAAK,CAAC4C,QAAQ,CAAE;IAC7CC,UAAU;IACVC,aAAa;IACbC,8BAA8B,EAAE,KAAM;IACtCC,aAAa,EAAEhD,KAAK,CAACgD,aAAc;IACnCC,QAAQ,EAAE3D,QAAQ,CAAC4D,KAAK,CACtB,CAAC;MAAEC,WAAW,EAAE;QAAEC,aAAa,EAAE;UAAEC,CAAC,EAAErD,KAAK,CAACwB;QAAQ;MAAE;IAAE,CAAC,CAAC,EAC1D;MAAE8B,eAAe,EAAE;IAAM,CAC3B,CAAE;IACFC,mBAAmB,EAAE,CAAE;IACvBC,mBAAmB,EAAGN,KAAK,IAAK;MAC9B,MAAMO,SAAS,GAAGC,IAAI,CAACC,KAAK,CAC1BT,KAAK,CAACC,WAAW,CAACC,aAAa,CAACC,CAAC,GAAG1D,KACtC,CAAC;MACDK,KAAK,CAAC4D,OAAO,CAACH,SAAS,IAAI,CAAC,CAAC;IAC/B,CAAE;IACFI,YAAY,EAAEA,CAACC,CAAC,EAAEC,KAAK,KAAKA,KAAK,CAACC,QAAQ,CAAC,CAAE;IAC7CC,UAAU,EAAEA,CAAC;MAAEC,IAAI;MAAEH;IAAM,CAAC,KAAK;MAC/B,oBAAOvE,KAAK,CAAC2E,YAAY,CACvBD,IAAI,EACJ;QACEE,WAAW,EAAEpE,KAAK,CAACoE,WAAW;QAC9B3C,eAAe,EAAEzB,KAAK,CAACyB,eAAe;QACtCR,QAAQ,EAAEjB,KAAK,CAACiB,QAAQ;QACxB8C;MACF,CACF,CAAC;IACH;EAAE,CACH,CAAC,EAEDjE,cAAc,IAAIE,KAAK,CAACc,kBAAkB,KAAK,KAAK,iBACnDtB,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAuB,QAAA,QACGjB,cAAc,IACbE,KAAK,CAACgB,YAAY,IAClBhB,KAAK,CAACgB,YAAY,CAAC;IAAEC,QAAQ,EAAEjB,KAAK,CAACiB;EAAS,CAAC,CAAC,EACjD,CAACjB,KAAK,CAACgB,YAAY,iBAClBxB,KAAA,CAAAS,aAAA,CAACR,UAAU;IACTyB,KAAK,EAAE,MAAO;IACdC,eAAe,EAAE,MAAO;IACxBxB,KAAK,EAAEA,KAAM;IACbyB,MAAM,EAAEpB,KAAK,CAACiB,QAAS;IACvBJ,MAAM,EAAEb,KAAK,CAACa,MAAO;IACrBQ,MAAM,EAAErB,KAAK,CAACqB,MAAO;IACrBC,QAAQ,EAAEtB,KAAK,CAACsB,QAAS;IACzBC,aAAa,EAAEvB,KAAK,CAACwB,OAAQ;IAC7BlB,QAAQ,EAAEN,KAAK,CAACM,QAAS;IACzBmB,eAAe,EAAEzB,KAAK,CAACyB,eAAgB;IACvCC,SAAS,EAAE1B,KAAK,CAAC0B,SAAU;IAC3BC,SAAS,EAAE3B,KAAK,CAAC2B,SAAU;IAC3B5B,QAAQ,EAAEA,QAAS;IACnB6B,SAAS,EAAE5B,KAAK,CAAC4B,SAAU;IAC3BE,wBAAwB,EAAE9B,KAAK,CAAC8B,wBAAyB;IACzDC,yBAAyB,EAAE/B,KAAK,CAAC+B,yBAA0B;IAC3DC,wBAAwB,EAAEhC,KAAK,CAACgC,wBAAyB;IACzDC,kBAAkB,EAAEjC,KAAK,CAACiC,kBAAmB;IAC7CC,cAAc,EAAElC,KAAK,CAACkC,cAAe;IACrCxB,wBAAwB,EAAEV,KAAK,CAACU,wBAAyB;IACzDyB,wBAAwB,EAAEnC,KAAK,CAACmC,wBAAyB;IACzDC,wBAAwB,EAAEpC,KAAK,CAACoC,wBAAyB;IACzD5B,cAAc,EAAER,KAAK,CAACQ,cAAe;IACrCqB,eAAe,EAAE,CAAC,CAAC7B,KAAK,CAACK,kBAAmB;IAC5CgC,cAAc,EAAErC,KAAK,CAACqC;EAAe,CACtC,CAEH,CAEA,CAAC;AAEX,CAAC;AAED,MAAMlC,MAAM,GAAGZ,UAAU,CAAC8E,MAAM,CAAC;EAC/BjE,SAAS,EAAE;IACTkE,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDC,MAAM,EAAE;IACN9E,KAAK;IACL4E,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBrD,eAAe,EAAE;EACnB,CAAC;EACDuD,UAAU,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBH,UAAU,EAAE,QAAQ;IACpBI,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBlF;EACF,CAAC;EACDmF,GAAG,EAAE;IACHC,MAAM,EAAE,EAAE;IACVpF,KAAK,EAAE,EAAE;IACTqF,YAAY,EAAE,CAAC;IACf7D,eAAe,EAAE,MAAM;IACvB8D,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE;IACbP,aAAa,EAAE,KAAK;IACpBL,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -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,7 +36,12 @@ 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
46
|
}), !props.customFooter && /*#__PURE__*/React.createElement(Pagination, {
|
|
41
47
|
width: width,
|
|
@@ -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,
|
|
@@ -96,6 +106,7 @@ export const OnboardingPages = ({
|
|
|
96
106
|
onNext: props.nextPage,
|
|
97
107
|
onSkip: props.onSkip,
|
|
98
108
|
color: color,
|
|
109
|
+
hasSkipPosition: !!props.skipButtonPosition,
|
|
99
110
|
onDone: props.onDone,
|
|
100
111
|
showDone: props.showDone,
|
|
101
112
|
backgroundColor: footerBackgroundColor,
|
|
@@ -111,6 +122,9 @@ export const OnboardingPages = ({
|
|
|
111
122
|
dotsContainerStyle: props.dotsContainerStyle,
|
|
112
123
|
doneLabelStyle: props.doneLabelStyle,
|
|
113
124
|
skipLabelStyle: props.skipLabelStyle,
|
|
125
|
+
skipButtonContainerStyle: props.skipButtonContainerStyle,
|
|
126
|
+
nextButtonContainerStyle: props.nextButtonContainerStyle,
|
|
127
|
+
doneButtonContainerStyle: props.doneButtonContainerStyle,
|
|
114
128
|
showNext: showNext,
|
|
115
129
|
nextLabelStyle: props.nextLabelStyle
|
|
116
130
|
})));
|
|
@@ -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,11 @@ 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,
|
|
46
55
|
color: props.color,
|
|
47
56
|
onSkip: props.onSkip
|
|
48
57
|
});
|
|
@@ -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;IAC7CM,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":[]}
|
|
@@ -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,sBAqHlB,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,sBA2IP,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,CA2D5C,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.4",
|
|
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,6 +30,14 @@ 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
43
|
{showPagination &&
|
|
@@ -50,11 +59,15 @@ export const CustomPages = ({
|
|
|
50
59
|
showNext={showNext}
|
|
51
60
|
nextLabel={props.nextLabel}
|
|
52
61
|
doneLabel={props.doneLabel}
|
|
62
|
+
hasSkipPosition={!!props.skipButtonPosition}
|
|
53
63
|
paginationContainerStyle={props.paginationContainerStyle}
|
|
54
64
|
buttonRightContainerStyle={props.buttonRightContainerStyle}
|
|
55
65
|
buttonLeftContainerStyle={props.buttonLeftContainerStyle}
|
|
56
66
|
dotsContainerStyle={props.dotsContainerStyle}
|
|
57
67
|
doneLabelStyle={props.doneLabelStyle}
|
|
68
|
+
skipButtonContainerStyle={props.skipButtonContainerStyle}
|
|
69
|
+
nextButtonContainerStyle={props.nextButtonContainerStyle}
|
|
70
|
+
doneButtonContainerStyle={props.doneButtonContainerStyle}
|
|
58
71
|
skipLabelStyle={props.skipLabelStyle}
|
|
59
72
|
nextLabelStyle={props.nextLabelStyle}
|
|
60
73
|
/>
|
|
@@ -119,7 +132,11 @@ export const CustomPages = ({
|
|
|
119
132
|
buttonLeftContainerStyle={props.buttonLeftContainerStyle}
|
|
120
133
|
dotsContainerStyle={props.dotsContainerStyle}
|
|
121
134
|
doneLabelStyle={props.doneLabelStyle}
|
|
135
|
+
skipButtonContainerStyle={props.skipButtonContainerStyle}
|
|
136
|
+
nextButtonContainerStyle={props.nextButtonContainerStyle}
|
|
137
|
+
doneButtonContainerStyle={props.doneButtonContainerStyle}
|
|
122
138
|
skipLabelStyle={props.skipLabelStyle}
|
|
139
|
+
hasSkipPosition={!!props.skipButtonPosition}
|
|
123
140
|
nextLabelStyle={props.nextLabelStyle}
|
|
124
141
|
/>
|
|
125
142
|
)}
|
|
@@ -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,6 +58,14 @@ 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 &&
|
|
@@ -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
|
</>
|
|
@@ -121,6 +134,7 @@ export const OnboardingPages = ({
|
|
|
121
134
|
onNext={props.nextPage}
|
|
122
135
|
onSkip={props.onSkip}
|
|
123
136
|
color={color}
|
|
137
|
+
hasSkipPosition={!!props.skipButtonPosition}
|
|
124
138
|
onDone={props.onDone}
|
|
125
139
|
showDone={props.showDone}
|
|
126
140
|
backgroundColor={footerBackgroundColor}
|
|
@@ -136,6 +150,9 @@ export const OnboardingPages = ({
|
|
|
136
150
|
dotsContainerStyle={props.dotsContainerStyle}
|
|
137
151
|
doneLabelStyle={props.doneLabelStyle}
|
|
138
152
|
skipLabelStyle={props.skipLabelStyle}
|
|
153
|
+
skipButtonContainerStyle={props.skipButtonContainerStyle}
|
|
154
|
+
nextButtonContainerStyle={props.nextButtonContainerStyle}
|
|
155
|
+
doneButtonContainerStyle={props.doneButtonContainerStyle}
|
|
139
156
|
showNext={showNext}
|
|
140
157
|
nextLabelStyle={props.nextLabelStyle}
|
|
141
158
|
/>
|
|
@@ -27,7 +27,11 @@ type FooterProps = {
|
|
|
27
27
|
buttonLeftContainerStyle?: StyleProp<ViewStyle>;
|
|
28
28
|
dotsContainerStyle?: StyleProp<ViewStyle>;
|
|
29
29
|
doneLabelStyle?: StyleProp<TextStyle>;
|
|
30
|
+
hasSkipPosition?: boolean;
|
|
30
31
|
skipLabelStyle?: StyleProp<TextStyle>;
|
|
32
|
+
skipButtonContainerStyle?: StyleProp<ViewStyle>;
|
|
33
|
+
nextButtonContainerStyle?: StyleProp<ViewStyle>;
|
|
34
|
+
doneButtonContainerStyle?: StyleProp<ViewStyle>;
|
|
31
35
|
nextLabelStyle?: StyleProp<TextStyle>;
|
|
32
36
|
paginationPosition?: 'top' | 'bottom';
|
|
33
37
|
onDone?: () => void;
|
|
@@ -56,10 +60,11 @@ export function Pagination(props: FooterProps) {
|
|
|
56
60
|
props.buttonLeftContainerStyle,
|
|
57
61
|
]}
|
|
58
62
|
>
|
|
59
|
-
{props.showSkip && (
|
|
63
|
+
{props.showSkip && !props.hasSkipPosition && (
|
|
60
64
|
<Button
|
|
61
65
|
onPress={props.onSkip}
|
|
62
66
|
buttonTextStyle={props.skipLabelStyle}
|
|
67
|
+
buttonStyle={props.skipButtonContainerStyle}
|
|
63
68
|
label={props.skipLabel || 'Skip'}
|
|
64
69
|
/>
|
|
65
70
|
)}
|
|
@@ -99,6 +104,7 @@ export function Pagination(props: FooterProps) {
|
|
|
99
104
|
onPress={props.onNext}
|
|
100
105
|
label={props.nextLabel || 'Next'}
|
|
101
106
|
buttonTextStyle={props.nextLabelStyle}
|
|
107
|
+
buttonStyle={props.nextButtonContainerStyle}
|
|
102
108
|
/>
|
|
103
109
|
)}
|
|
104
110
|
{isDone && props.showDone && (
|
|
@@ -106,6 +112,7 @@ export function Pagination(props: FooterProps) {
|
|
|
106
112
|
onPress={props.onDone}
|
|
107
113
|
label={props.doneLabel || 'Done'}
|
|
108
114
|
buttonTextStyle={props.doneLabelStyle}
|
|
115
|
+
buttonStyle={props.doneButtonContainerStyle}
|
|
109
116
|
/>
|
|
110
117
|
)}
|
|
111
118
|
</View>
|
|
@@ -30,6 +30,10 @@ export const Swiper: React.FC<OnboardingProps> = (props) => {
|
|
|
30
30
|
showDone={props.showDone}
|
|
31
31
|
showNext={props.showNext}
|
|
32
32
|
onDone={props.onDone}
|
|
33
|
+
skipButtonContainerStyle={props.skipButtonContainerStyle}
|
|
34
|
+
nextButtonContainerStyle={props.nextButtonContainerStyle}
|
|
35
|
+
doneButtonContainerStyle={props.doneButtonContainerStyle}
|
|
36
|
+
skipButtonPosition={props.skipButtonPosition}
|
|
33
37
|
>
|
|
34
38
|
{props.children}
|
|
35
39
|
</CustomPages>
|
|
@@ -51,6 +55,11 @@ export const Swiper: React.FC<OnboardingProps> = (props) => {
|
|
|
51
55
|
pages={props.pages || []}
|
|
52
56
|
width={props.width}
|
|
53
57
|
showNext={props.showNext}
|
|
58
|
+
skipButtonContainerStyle={props.skipButtonContainerStyle}
|
|
59
|
+
nextButtonContainerStyle={props.nextButtonContainerStyle}
|
|
60
|
+
doneButtonContainerStyle={props.doneButtonContainerStyle}
|
|
61
|
+
skipLabelStyle={props.skipLabelStyle}
|
|
62
|
+
skipButtonPosition={props.skipButtonPosition}
|
|
54
63
|
color={props.color}
|
|
55
64
|
onSkip={props.onSkip}
|
|
56
65
|
/>
|
|
@@ -36,6 +36,28 @@ export const Button = (props: ButtonProps) => {
|
|
|
36
36
|
);
|
|
37
37
|
};
|
|
38
38
|
|
|
39
|
+
export const SkipButton = (
|
|
40
|
+
props: ButtonProps & {
|
|
41
|
+
position?: 'top-left' | 'top-right';
|
|
42
|
+
}
|
|
43
|
+
) => {
|
|
44
|
+
const buttonStyle = {
|
|
45
|
+
top: 20,
|
|
46
|
+
left: props.position === 'top-left' ? 30 : undefined,
|
|
47
|
+
right: props.position === 'top-right' ? 30 : undefined,
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
return (
|
|
51
|
+
<Button
|
|
52
|
+
label={props.label || 'Skip'}
|
|
53
|
+
onPress={props.onPress}
|
|
54
|
+
buttonStyle={[styles.skipButton, buttonStyle, props.buttonStyle]}
|
|
55
|
+
buttonTextStyle={props.buttonTextStyle}
|
|
56
|
+
color={props.color}
|
|
57
|
+
/>
|
|
58
|
+
);
|
|
59
|
+
};
|
|
60
|
+
|
|
39
61
|
const styles = StyleSheet.create({
|
|
40
62
|
pagination: {
|
|
41
63
|
flexDirection: 'row',
|
|
@@ -71,4 +93,8 @@ const styles = StyleSheet.create({
|
|
|
71
93
|
alignItems: 'flex-start',
|
|
72
94
|
paddingLeft: 30,
|
|
73
95
|
},
|
|
96
|
+
skipButton: {
|
|
97
|
+
position: 'absolute',
|
|
98
|
+
zIndex: 10,
|
|
99
|
+
},
|
|
74
100
|
});
|
package/src/types/index.ts
CHANGED
|
@@ -20,6 +20,10 @@ export type OnboardingProps = {
|
|
|
20
20
|
dotsContainerStyle?: StyleProp<ViewStyle>;
|
|
21
21
|
doneLabelStyle?: StyleProp<TextStyle>;
|
|
22
22
|
skipLabelStyle?: StyleProp<TextStyle>;
|
|
23
|
+
skipButtonContainerStyle?: StyleProp<ViewStyle>;
|
|
24
|
+
nextButtonContainerStyle?: StyleProp<ViewStyle>;
|
|
25
|
+
doneButtonContainerStyle?: StyleProp<ViewStyle>;
|
|
26
|
+
skipButtonPosition?: 'top-left' | 'top-right';
|
|
23
27
|
nextLabelStyle?: StyleProp<TextStyle>;
|
|
24
28
|
containerStyle?: StyleProp<ViewStyle>;
|
|
25
29
|
imageContainerStyle?: StyleProp<ViewStyle>;
|