@rubixscript/react-native-onboarding 1.1.2 → 1.3.0
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/dist/components/NavigationButtons.js +1 -0
- package/dist/components/NavigationButtons.js.map +1 -0
- package/dist/components/Onboarding.js +1 -0
- package/dist/components/Onboarding.js.map +1 -0
- package/dist/components/Pagination.js +1 -0
- package/dist/components/Pagination.js.map +1 -0
- package/dist/components/SimpleOnboardingScreen.d.ts +33 -3
- package/dist/components/SimpleOnboardingScreen.d.ts.map +1 -1
- package/dist/components/SimpleOnboardingScreen.js +142 -20
- package/dist/components/SimpleOnboardingScreen.js.map +1 -0
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -0
- package/dist/index.d.ts +5 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -2
- package/dist/index.js.map +1 -0
- package/dist/presets/index.d.ts +59 -19
- package/dist/presets/index.d.ts.map +1 -1
- package/dist/presets/index.js +139 -229
- package/dist/presets/index.js.map +1 -0
- package/dist/slides/FormSlide.js +1 -0
- package/dist/slides/FormSlide.js.map +1 -0
- package/dist/slides/IconSlide.js +1 -0
- package/dist/slides/IconSlide.js.map +1 -0
- package/dist/slides/ImageSlide.js +1 -0
- package/dist/slides/ImageSlide.js.map +1 -0
- package/dist/slides/VideoSlide.js +1 -0
- package/dist/slides/VideoSlide.js.map +1 -0
- package/dist/slides/index.js +1 -0
- package/dist/slides/index.js.map +1 -0
- package/dist/themes/index.d.ts +12 -12
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/themes/index.js +27 -26
- package/dist/themes/index.js.map +1 -0
- package/dist/types/index.d.ts +1 -1
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/index.js +1 -0
- package/dist/types/index.js.map +1 -0
- package/package.json +1 -1
- package/src/components/SimpleOnboardingScreen.tsx +223 -26
- package/src/components/index.ts +1 -1
- package/src/index.ts +30 -8
- package/src/presets/index.ts +165 -231
- package/src/themes/index.ts +26 -26
- package/src/types/index.ts +1 -1
package/dist/themes/index.js
CHANGED
|
@@ -59,9 +59,9 @@ const createShadows = () => ({
|
|
|
59
59
|
},
|
|
60
60
|
});
|
|
61
61
|
// ============================================================================
|
|
62
|
-
//
|
|
62
|
+
// IMAGE STYLE THEME - For image-based onboarding with gradient backgrounds
|
|
63
63
|
// ============================================================================
|
|
64
|
-
export const
|
|
64
|
+
export const imageStyleTheme = {
|
|
65
65
|
colors: {
|
|
66
66
|
primary: '#667EEA',
|
|
67
67
|
secondary: '#06D6A0',
|
|
@@ -101,8 +101,8 @@ export const onepageTheme = {
|
|
|
101
101
|
borderRadius: createBorderRadius(),
|
|
102
102
|
shadows: createShadows(),
|
|
103
103
|
};
|
|
104
|
-
export const
|
|
105
|
-
theme:
|
|
104
|
+
export const imageStylePreset = {
|
|
105
|
+
theme: imageStyleTheme,
|
|
106
106
|
navigation: {
|
|
107
107
|
style: 'dots',
|
|
108
108
|
position: 'bottom',
|
|
@@ -111,7 +111,7 @@ export const onepagePreset = {
|
|
|
111
111
|
skipLabel: 'Skip',
|
|
112
112
|
backLabel: 'Back',
|
|
113
113
|
nextLabel: 'Next',
|
|
114
|
-
doneLabel: "
|
|
114
|
+
doneLabel: "Get Started",
|
|
115
115
|
},
|
|
116
116
|
animation: {
|
|
117
117
|
type: 'slide',
|
|
@@ -138,9 +138,9 @@ export const onepagePreset = {
|
|
|
138
138
|
},
|
|
139
139
|
};
|
|
140
140
|
// ============================================================================
|
|
141
|
-
//
|
|
141
|
+
// IMAGE GRADIENT THEME - Image slides with gradient overlay (dark text on gradient)
|
|
142
142
|
// ============================================================================
|
|
143
|
-
export const
|
|
143
|
+
export const imageGradientTheme = {
|
|
144
144
|
colors: {
|
|
145
145
|
primary: '#6B4EFF',
|
|
146
146
|
secondary: '#FF8C42',
|
|
@@ -180,8 +180,8 @@ export const zaprecipeTheme = {
|
|
|
180
180
|
borderRadius: createBorderRadius(),
|
|
181
181
|
shadows: createShadows(),
|
|
182
182
|
};
|
|
183
|
-
export const
|
|
184
|
-
theme:
|
|
183
|
+
export const imageGradientPreset = {
|
|
184
|
+
theme: imageGradientTheme,
|
|
185
185
|
navigation: {
|
|
186
186
|
style: 'dots',
|
|
187
187
|
position: 'floating',
|
|
@@ -190,7 +190,7 @@ export const zaprecipePreset = {
|
|
|
190
190
|
skipLabel: 'Skip',
|
|
191
191
|
backLabel: 'Back',
|
|
192
192
|
nextLabel: 'Continue',
|
|
193
|
-
doneLabel: "
|
|
193
|
+
doneLabel: "Get Started",
|
|
194
194
|
},
|
|
195
195
|
animation: {
|
|
196
196
|
type: 'fade',
|
|
@@ -217,9 +217,9 @@ export const zaprecipePreset = {
|
|
|
217
217
|
},
|
|
218
218
|
};
|
|
219
219
|
// ============================================================================
|
|
220
|
-
//
|
|
220
|
+
// ICON STYLE THEME - For icon-based onboarding
|
|
221
221
|
// ============================================================================
|
|
222
|
-
export const
|
|
222
|
+
export const iconStyleTheme = {
|
|
223
223
|
colors: {
|
|
224
224
|
primary: '#FF6B6B',
|
|
225
225
|
secondary: '#667EEA',
|
|
@@ -254,8 +254,8 @@ export const pomodoTheme = {
|
|
|
254
254
|
borderRadius: createBorderRadius(),
|
|
255
255
|
shadows: createShadows(),
|
|
256
256
|
};
|
|
257
|
-
export const
|
|
258
|
-
theme:
|
|
257
|
+
export const iconStylePreset = {
|
|
258
|
+
theme: iconStyleTheme,
|
|
259
259
|
navigation: {
|
|
260
260
|
style: 'dots',
|
|
261
261
|
position: 'bottom',
|
|
@@ -497,9 +497,9 @@ export const gradientPreset = {
|
|
|
497
497
|
// ============================================================================
|
|
498
498
|
export const getTheme = (preset) => {
|
|
499
499
|
const themes = {
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
500
|
+
image: imageStyleTheme,
|
|
501
|
+
imageGradient: imageGradientTheme,
|
|
502
|
+
icon: iconStyleTheme,
|
|
503
503
|
modern: modernTheme,
|
|
504
504
|
minimal: minimalTheme,
|
|
505
505
|
gradient: gradientTheme,
|
|
@@ -508,9 +508,9 @@ export const getTheme = (preset) => {
|
|
|
508
508
|
};
|
|
509
509
|
export const getPreset = (preset) => {
|
|
510
510
|
const presets = {
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
511
|
+
image: imageStylePreset,
|
|
512
|
+
imageGradient: imageGradientPreset,
|
|
513
|
+
icon: iconStylePreset,
|
|
514
514
|
modern: modernPreset,
|
|
515
515
|
minimal: minimalPreset,
|
|
516
516
|
gradient: gradientPreset,
|
|
@@ -529,15 +529,15 @@ export const mergeTheme = (base, custom) => {
|
|
|
529
529
|
};
|
|
530
530
|
};
|
|
531
531
|
export default {
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
532
|
+
imageStyleTheme,
|
|
533
|
+
imageGradientTheme,
|
|
534
|
+
iconStyleTheme,
|
|
535
535
|
modernTheme,
|
|
536
536
|
minimalTheme,
|
|
537
537
|
gradientTheme,
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
538
|
+
imageStylePreset,
|
|
539
|
+
imageGradientPreset,
|
|
540
|
+
iconStylePreset,
|
|
541
541
|
modernPreset,
|
|
542
542
|
minimalPreset,
|
|
543
543
|
gradientPreset,
|
|
@@ -545,3 +545,4 @@ export default {
|
|
|
545
545
|
getPreset,
|
|
546
546
|
mergeTheme,
|
|
547
547
|
};
|
|
548
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"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"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -176,7 +176,7 @@ export interface NavigationButtonProps {
|
|
|
176
176
|
style?: ViewStyle;
|
|
177
177
|
textStyle?: TextStyle;
|
|
178
178
|
}
|
|
179
|
-
export type OnboardingPreset = '
|
|
179
|
+
export type OnboardingPreset = 'image' | 'imageGradient' | 'icon' | 'modern' | 'minimal' | 'gradient';
|
|
180
180
|
export interface PresetConfig {
|
|
181
181
|
theme: OnboardingTheme;
|
|
182
182
|
navigation: NavigationConfig;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"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"}
|
package/dist/types/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rubixscript/react-native-onboarding",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.0",
|
|
4
4
|
"description": "A comprehensive React Native onboarding library with customizable slide types, animations, and themes",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -3,25 +3,35 @@
|
|
|
3
3
|
* @description A simple, beautiful onboarding screen with customizable slides, colors, and styling
|
|
4
4
|
*
|
|
5
5
|
* @props
|
|
6
|
-
* - onComplete: () => void - Handler called when onboarding is finished
|
|
6
|
+
* - onComplete: (userData?: UserData) => void - Handler called when onboarding is finished with optional user data
|
|
7
7
|
* - slides: SimpleSlide[] - Array of slides to display (optional, has default)
|
|
8
|
+
* - showForm: boolean - Whether to show a form slide at the end (default: true)
|
|
9
|
+
* - formFields: FormField[] - Custom form fields (optional, has default)
|
|
10
|
+
* - allowSkipForm: boolean - Allow skipping the form (default: true)
|
|
8
11
|
* - primaryColor: string - Primary color for buttons and active dots (default: '#FF6B6B')
|
|
9
12
|
* - backgroundColor: string - Background color of the screen (default: '#F6F6F6')
|
|
10
13
|
* - iconBackgroundColor: string - Background color for icon container (default: 'rgba(255, 107, 107, 0.1)')
|
|
11
14
|
* - textColor: string - Color for titles (default: '#000000')
|
|
12
15
|
* - descriptionColor: string - Color for descriptions (default: '#666666')
|
|
16
|
+
* - inputBackgroundColor: string - Background color for form inputs (default: '#FFFFFF')
|
|
17
|
+
* - inputBorderColor: string - Border color for form inputs (default: '#E0E0E0')
|
|
13
18
|
* - buttonTextNext: string - Text for next button (default: 'Next')
|
|
14
19
|
* - buttonTextDone: string - Text for done button (default: 'Get Started')
|
|
20
|
+
* - buttonTextSkip: string - Text for skip button (default: 'Skip')
|
|
21
|
+
* - buttonTextSubmit: string - Text for submit button (default: 'Get Started')
|
|
15
22
|
* - testID?: string - Test identifier for testing
|
|
16
23
|
*
|
|
17
24
|
* @states
|
|
18
25
|
* - currentIndex: number - Current onboarding screen index
|
|
26
|
+
* - formData: UserData - Form data collected from user
|
|
19
27
|
*
|
|
20
28
|
* @features
|
|
21
29
|
* - Step-by-step app introduction
|
|
22
30
|
* - Interactive animations
|
|
23
31
|
* - Feature highlights
|
|
24
32
|
* - Progress indication
|
|
33
|
+
* - User data collection (name, purpose)
|
|
34
|
+
* - Skip functionality
|
|
25
35
|
* - Fully customizable styling
|
|
26
36
|
*
|
|
27
37
|
* @dependencies
|
|
@@ -40,6 +50,9 @@ import {
|
|
|
40
50
|
FlatList,
|
|
41
51
|
Platform,
|
|
42
52
|
StatusBar,
|
|
53
|
+
TextInput,
|
|
54
|
+
KeyboardAvoidingView,
|
|
55
|
+
ScrollView,
|
|
43
56
|
} from 'react-native';
|
|
44
57
|
import { SafeAreaView } from 'react-native-safe-area-context';
|
|
45
58
|
import { BlurView } from 'expo-blur';
|
|
@@ -55,6 +68,20 @@ export interface SimpleSlide {
|
|
|
55
68
|
icon: keyof typeof MaterialCommunityIcons.glyphMap;
|
|
56
69
|
}
|
|
57
70
|
|
|
71
|
+
export interface FormField {
|
|
72
|
+
key: string;
|
|
73
|
+
label: string;
|
|
74
|
+
placeholder: string;
|
|
75
|
+
multiline?: boolean;
|
|
76
|
+
autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
export interface UserData {
|
|
80
|
+
name?: string;
|
|
81
|
+
purpose?: string;
|
|
82
|
+
[key: string]: string | undefined;
|
|
83
|
+
}
|
|
84
|
+
|
|
58
85
|
const defaultSlides: SimpleSlide[] = [
|
|
59
86
|
{
|
|
60
87
|
id: '1',
|
|
@@ -76,35 +103,77 @@ const defaultSlides: SimpleSlide[] = [
|
|
|
76
103
|
},
|
|
77
104
|
];
|
|
78
105
|
|
|
106
|
+
const defaultFormFields: FormField[] = [
|
|
107
|
+
{
|
|
108
|
+
key: 'name',
|
|
109
|
+
label: 'What should we call you?',
|
|
110
|
+
placeholder: 'Enter your name',
|
|
111
|
+
autoCapitalize: 'words',
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
key: 'purpose',
|
|
115
|
+
label: 'What are you looking to use this app for?',
|
|
116
|
+
placeholder: 'e.g., Focus on work, Study, Track goals...',
|
|
117
|
+
multiline: true,
|
|
118
|
+
autoCapitalize: 'sentences',
|
|
119
|
+
},
|
|
120
|
+
];
|
|
121
|
+
|
|
79
122
|
interface SimpleOnboardingScreenProps {
|
|
80
|
-
onComplete: () => Promise<void>;
|
|
123
|
+
onComplete: (userData?: UserData) => Promise<void>;
|
|
81
124
|
slides?: SimpleSlide[];
|
|
125
|
+
showForm?: boolean;
|
|
126
|
+
formFields?: FormField[];
|
|
127
|
+
allowSkipForm?: boolean;
|
|
82
128
|
primaryColor?: string;
|
|
83
129
|
backgroundColor?: string;
|
|
84
130
|
iconBackgroundColor?: string;
|
|
85
131
|
textColor?: string;
|
|
86
132
|
descriptionColor?: string;
|
|
133
|
+
inputBackgroundColor?: string;
|
|
134
|
+
inputBorderColor?: string;
|
|
135
|
+
inputTextColor?: string;
|
|
87
136
|
buttonTextNext?: string;
|
|
88
137
|
buttonTextDone?: string;
|
|
138
|
+
buttonTextSkip?: string;
|
|
139
|
+
buttonTextSubmit?: string;
|
|
89
140
|
testID?: string;
|
|
90
141
|
}
|
|
91
142
|
|
|
92
143
|
export default function SimpleOnboardingScreen({
|
|
93
144
|
onComplete,
|
|
94
145
|
slides = defaultSlides,
|
|
146
|
+
showForm = true,
|
|
147
|
+
formFields = defaultFormFields,
|
|
148
|
+
allowSkipForm = true,
|
|
95
149
|
primaryColor = '#FF6B6B',
|
|
96
150
|
backgroundColor = '#F6F6F6',
|
|
97
151
|
iconBackgroundColor = 'rgba(255, 107, 107, 0.1)',
|
|
98
152
|
textColor = '#000000',
|
|
99
153
|
descriptionColor = '#666666',
|
|
154
|
+
inputBackgroundColor = '#FFFFFF',
|
|
155
|
+
inputBorderColor = '#E0E0E0',
|
|
156
|
+
inputTextColor = '#000000',
|
|
100
157
|
buttonTextNext = 'Next',
|
|
101
158
|
buttonTextDone = 'Get Started',
|
|
159
|
+
buttonTextSkip = 'Skip',
|
|
160
|
+
buttonTextSubmit = 'Get Started',
|
|
102
161
|
testID,
|
|
103
162
|
}: SimpleOnboardingScreenProps) {
|
|
104
163
|
const [currentIndex, setCurrentIndex] = useState(0);
|
|
164
|
+
const [formData, setFormData] = useState<UserData>({});
|
|
105
165
|
const flatListRef = useRef<FlatList>(null);
|
|
106
166
|
|
|
107
|
-
|
|
167
|
+
// Create display data: info slides + optional form slide
|
|
168
|
+
const displaySlides = showForm
|
|
169
|
+
? [...slides, { id: 'form', type: 'form' } as any]
|
|
170
|
+
: slides;
|
|
171
|
+
|
|
172
|
+
const totalSlides = displaySlides.length;
|
|
173
|
+
const isLastSlide = currentIndex === totalSlides - 1;
|
|
174
|
+
const isFormSlide = showForm && isLastSlide;
|
|
175
|
+
|
|
176
|
+
const renderInfoSlide = ({ item }: { item: SimpleSlide }) => (
|
|
108
177
|
<View style={styles.slide}>
|
|
109
178
|
<Animated.View
|
|
110
179
|
entering={FadeIn.duration(500)}
|
|
@@ -125,18 +194,90 @@ export default function SimpleOnboardingScreen({
|
|
|
125
194
|
</View>
|
|
126
195
|
);
|
|
127
196
|
|
|
197
|
+
const renderFormSlide = () => (
|
|
198
|
+
<KeyboardAvoidingView
|
|
199
|
+
style={styles.slide}
|
|
200
|
+
behavior="padding"
|
|
201
|
+
keyboardVerticalOffset={100}
|
|
202
|
+
>
|
|
203
|
+
<ScrollView
|
|
204
|
+
style={styles.formContainer}
|
|
205
|
+
contentContainerStyle={styles.formContentContainer}
|
|
206
|
+
showsVerticalScrollIndicator={false}
|
|
207
|
+
>
|
|
208
|
+
<Animated.View
|
|
209
|
+
entering={FadeIn.duration(500)}
|
|
210
|
+
style={[styles.iconContainer, { backgroundColor: iconBackgroundColor }]}
|
|
211
|
+
>
|
|
212
|
+
<MaterialCommunityIcons
|
|
213
|
+
name="account-outline"
|
|
214
|
+
size={80}
|
|
215
|
+
color={textColor}
|
|
216
|
+
/>
|
|
217
|
+
</Animated.View>
|
|
218
|
+
<Text style={[styles.title, { color: textColor }]}>
|
|
219
|
+
Let's Get Started
|
|
220
|
+
</Text>
|
|
221
|
+
<Text style={[styles.formDescription, { color: descriptionColor }]}>
|
|
222
|
+
Tell us a bit about yourself (optional)
|
|
223
|
+
</Text>
|
|
224
|
+
|
|
225
|
+
{formFields.map((field) => (
|
|
226
|
+
<View key={field.key} style={styles.inputWrapper}>
|
|
227
|
+
<Text style={[styles.inputLabel, { color: textColor }]}>
|
|
228
|
+
{field.label}
|
|
229
|
+
</Text>
|
|
230
|
+
<TextInput
|
|
231
|
+
style={[
|
|
232
|
+
styles.input,
|
|
233
|
+
{
|
|
234
|
+
backgroundColor: inputBackgroundColor,
|
|
235
|
+
borderColor: inputBorderColor,
|
|
236
|
+
color: inputTextColor,
|
|
237
|
+
},
|
|
238
|
+
]}
|
|
239
|
+
placeholder={field.placeholder}
|
|
240
|
+
placeholderTextColor="#999999"
|
|
241
|
+
value={formData[field.key] || ''}
|
|
242
|
+
onChangeText={(text) => setFormData({ ...formData, [field.key]: text })}
|
|
243
|
+
multiline={field.multiline}
|
|
244
|
+
numberOfLines={field.multiline ? 4 : 1}
|
|
245
|
+
autoCapitalize={field.autoCapitalize || 'sentences'}
|
|
246
|
+
/>
|
|
247
|
+
</View>
|
|
248
|
+
))}
|
|
249
|
+
</ScrollView>
|
|
250
|
+
</KeyboardAvoidingView>
|
|
251
|
+
);
|
|
252
|
+
|
|
253
|
+
const renderSlide = ({ item, index }: { item: any; index: number }) => {
|
|
254
|
+
if (item.type === 'form') {
|
|
255
|
+
return renderFormSlide();
|
|
256
|
+
}
|
|
257
|
+
return renderInfoSlide({ item });
|
|
258
|
+
};
|
|
259
|
+
|
|
128
260
|
const handleNext = () => {
|
|
129
|
-
if (currentIndex <
|
|
261
|
+
if (currentIndex < totalSlides - 1) {
|
|
130
262
|
flatListRef.current?.scrollToIndex({
|
|
131
263
|
index: currentIndex + 1,
|
|
132
264
|
animated: true,
|
|
133
265
|
});
|
|
134
266
|
setCurrentIndex(currentIndex + 1);
|
|
135
267
|
} else {
|
|
136
|
-
|
|
268
|
+
// Submit form data
|
|
269
|
+
onComplete(formData);
|
|
137
270
|
}
|
|
138
271
|
};
|
|
139
272
|
|
|
273
|
+
const handleSkip = () => {
|
|
274
|
+
onComplete();
|
|
275
|
+
};
|
|
276
|
+
|
|
277
|
+
const isFormDataValid = () => {
|
|
278
|
+
return true; // Form is optional, so always valid
|
|
279
|
+
};
|
|
280
|
+
|
|
140
281
|
return (
|
|
141
282
|
<SafeAreaView testID={testID} style={[styles.container, { backgroundColor }]} edges={['top', 'bottom']}>
|
|
142
283
|
<StatusBar
|
|
@@ -147,7 +288,7 @@ export default function SimpleOnboardingScreen({
|
|
|
147
288
|
|
|
148
289
|
<FlatList
|
|
149
290
|
ref={flatListRef}
|
|
150
|
-
data={
|
|
291
|
+
data={displaySlides}
|
|
151
292
|
renderItem={renderSlide}
|
|
152
293
|
horizontal
|
|
153
294
|
pagingEnabled
|
|
@@ -156,6 +297,7 @@ export default function SimpleOnboardingScreen({
|
|
|
156
297
|
const index = Math.round(event.nativeEvent.contentOffset.x / width);
|
|
157
298
|
setCurrentIndex(index);
|
|
158
299
|
}}
|
|
300
|
+
scrollEnabled={!isFormSlide}
|
|
159
301
|
/>
|
|
160
302
|
|
|
161
303
|
<BlurView
|
|
@@ -163,27 +305,40 @@ export default function SimpleOnboardingScreen({
|
|
|
163
305
|
tint="light"
|
|
164
306
|
style={styles.footer}
|
|
165
307
|
>
|
|
166
|
-
<View style={styles.
|
|
167
|
-
{
|
|
168
|
-
<
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
)
|
|
177
|
-
|
|
308
|
+
<View style={styles.footerContent}>
|
|
309
|
+
{isFormSlide && allowSkipForm ? (
|
|
310
|
+
<TouchableOpacity
|
|
311
|
+
style={styles.skipButton}
|
|
312
|
+
onPress={handleSkip}
|
|
313
|
+
>
|
|
314
|
+
<Text style={[styles.skipButtonText, { color: descriptionColor }]}>
|
|
315
|
+
{buttonTextSkip}
|
|
316
|
+
</Text>
|
|
317
|
+
</TouchableOpacity>
|
|
318
|
+
) : (
|
|
319
|
+
<View style={styles.pagination}>
|
|
320
|
+
{displaySlides.slice(0, showForm ? totalSlides - 1 : totalSlides).map((_, index) => (
|
|
321
|
+
<View
|
|
322
|
+
key={index}
|
|
323
|
+
style={[
|
|
324
|
+
styles.paginationDot,
|
|
325
|
+
index === currentIndex && styles.paginationDotActive,
|
|
326
|
+
index === currentIndex && { backgroundColor: primaryColor },
|
|
327
|
+
]}
|
|
328
|
+
/>
|
|
329
|
+
))}
|
|
330
|
+
</View>
|
|
331
|
+
)}
|
|
178
332
|
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
333
|
+
<TouchableOpacity
|
|
334
|
+
style={[styles.button, { backgroundColor: primaryColor }]}
|
|
335
|
+
onPress={handleNext}
|
|
336
|
+
>
|
|
337
|
+
<Text style={styles.buttonText}>
|
|
338
|
+
{isFormSlide ? buttonTextSubmit : isLastSlide ? buttonTextDone : buttonTextNext}
|
|
339
|
+
</Text>
|
|
340
|
+
</TouchableOpacity>
|
|
341
|
+
</View>
|
|
187
342
|
</BlurView>
|
|
188
343
|
</SafeAreaView>
|
|
189
344
|
);
|
|
@@ -218,6 +373,38 @@ const styles = StyleSheet.create({
|
|
|
218
373
|
textAlign: 'center',
|
|
219
374
|
lineHeight: 24,
|
|
220
375
|
},
|
|
376
|
+
formContainer: {
|
|
377
|
+
flex: 1,
|
|
378
|
+
width: '100%',
|
|
379
|
+
},
|
|
380
|
+
formContentContainer: {
|
|
381
|
+
alignItems: 'center',
|
|
382
|
+
paddingBottom: 100,
|
|
383
|
+
},
|
|
384
|
+
formDescription: {
|
|
385
|
+
fontSize: 17,
|
|
386
|
+
textAlign: 'center',
|
|
387
|
+
lineHeight: 24,
|
|
388
|
+
marginBottom: 32,
|
|
389
|
+
},
|
|
390
|
+
inputWrapper: {
|
|
391
|
+
width: '100%',
|
|
392
|
+
marginBottom: 20,
|
|
393
|
+
},
|
|
394
|
+
inputLabel: {
|
|
395
|
+
fontSize: 16,
|
|
396
|
+
fontWeight: '600',
|
|
397
|
+
marginBottom: 8,
|
|
398
|
+
},
|
|
399
|
+
input: {
|
|
400
|
+
width: '100%',
|
|
401
|
+
paddingHorizontal: 16,
|
|
402
|
+
paddingVertical: 14,
|
|
403
|
+
borderRadius: 12,
|
|
404
|
+
borderWidth: 1,
|
|
405
|
+
fontSize: 16,
|
|
406
|
+
textAlignVertical: 'top',
|
|
407
|
+
},
|
|
221
408
|
footer: {
|
|
222
409
|
position: 'absolute',
|
|
223
410
|
bottom: 0,
|
|
@@ -225,6 +412,8 @@ const styles = StyleSheet.create({
|
|
|
225
412
|
right: 0,
|
|
226
413
|
paddingHorizontal: 20,
|
|
227
414
|
paddingVertical: 20,
|
|
415
|
+
},
|
|
416
|
+
footerContent: {
|
|
228
417
|
flexDirection: 'row',
|
|
229
418
|
justifyContent: 'space-between',
|
|
230
419
|
alignItems: 'center',
|
|
@@ -263,4 +452,12 @@ const styles = StyleSheet.create({
|
|
|
263
452
|
fontSize: 17,
|
|
264
453
|
fontWeight: '600',
|
|
265
454
|
},
|
|
455
|
+
skipButton: {
|
|
456
|
+
paddingHorizontal: 16,
|
|
457
|
+
paddingVertical: 8,
|
|
458
|
+
},
|
|
459
|
+
skipButtonText: {
|
|
460
|
+
fontSize: 16,
|
|
461
|
+
fontWeight: '500',
|
|
462
|
+
},
|
|
266
463
|
});
|
package/src/components/index.ts
CHANGED
|
@@ -2,6 +2,6 @@ export { Pagination } from './Pagination';
|
|
|
2
2
|
export { NavigationButton, NavigationButtons } from './NavigationButtons';
|
|
3
3
|
export { Onboarding, useOnboarding } from './Onboarding';
|
|
4
4
|
export { default as SimpleOnboardingScreen } from './SimpleOnboardingScreen';
|
|
5
|
-
export type { SimpleSlide } from './SimpleOnboardingScreen';
|
|
5
|
+
export type { SimpleSlide, FormField, UserData } from './SimpleOnboardingScreen';
|
|
6
6
|
|
|
7
7
|
export { default } from './Onboarding';
|
package/src/index.ts
CHANGED
|
@@ -3,7 +3,7 @@ export { Onboarding, useOnboarding } from './components/Onboarding';
|
|
|
3
3
|
|
|
4
4
|
// Simple Onboarding Screen - A simple, customizable onboarding component
|
|
5
5
|
export { SimpleOnboardingScreen } from './components';
|
|
6
|
-
export type { SimpleSlide } from './components';
|
|
6
|
+
export type { SimpleSlide, FormField, UserData } from './components';
|
|
7
7
|
|
|
8
8
|
// Slide Components
|
|
9
9
|
export {
|
|
@@ -21,17 +21,17 @@ export {
|
|
|
21
21
|
NavigationButtons,
|
|
22
22
|
} from './components';
|
|
23
23
|
|
|
24
|
-
// Themes & Presets
|
|
24
|
+
// Themes & Presets (style-based)
|
|
25
25
|
export {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
26
|
+
imageStyleTheme,
|
|
27
|
+
imageGradientTheme,
|
|
28
|
+
iconStyleTheme,
|
|
29
29
|
modernTheme,
|
|
30
30
|
minimalTheme,
|
|
31
31
|
gradientTheme,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
32
|
+
imageStylePreset,
|
|
33
|
+
imageGradientPreset,
|
|
34
|
+
iconStylePreset,
|
|
35
35
|
modernPreset,
|
|
36
36
|
minimalPreset,
|
|
37
37
|
gradientPreset,
|
|
@@ -40,6 +40,27 @@ export {
|
|
|
40
40
|
mergeTheme,
|
|
41
41
|
} from './themes';
|
|
42
42
|
|
|
43
|
+
// Slide Creation Helpers
|
|
44
|
+
export {
|
|
45
|
+
createImageSlide,
|
|
46
|
+
createIconSlide,
|
|
47
|
+
createFormSlide,
|
|
48
|
+
} from './presets';
|
|
49
|
+
|
|
50
|
+
// Preset Slides & Configs (style-based)
|
|
51
|
+
export {
|
|
52
|
+
iconStyleSlides,
|
|
53
|
+
modernStyleSlides,
|
|
54
|
+
minimalStyleSlides,
|
|
55
|
+
gradientStyleSlides,
|
|
56
|
+
iconStyleConfig,
|
|
57
|
+
modernStyleConfig,
|
|
58
|
+
minimalStyleConfig,
|
|
59
|
+
gradientStyleConfig,
|
|
60
|
+
getPresetSlides,
|
|
61
|
+
getPresetConfig,
|
|
62
|
+
} from './presets';
|
|
63
|
+
|
|
43
64
|
// Types
|
|
44
65
|
export type {
|
|
45
66
|
SlideType,
|
|
@@ -47,6 +68,7 @@ export type {
|
|
|
47
68
|
ImageSlideData,
|
|
48
69
|
IconSlideData,
|
|
49
70
|
FormSlideData,
|
|
71
|
+
FormFieldConfig,
|
|
50
72
|
VideoSlideData,
|
|
51
73
|
CustomSlideData,
|
|
52
74
|
SlideData,
|