@blazejkustra/react-native-onboarding 0.1.2 → 0.1.3
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/lib/module/spill-onboarding/components/OnboardingImageContainer.js +13 -2
- package/lib/module/spill-onboarding/components/OnboardingImageContainer.js.map +1 -1
- package/lib/typescript/src/spill-onboarding/components/OnboardingImageContainer.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/spill-onboarding/components/OnboardingImageContainer.tsx +20 -5
|
@@ -5,6 +5,7 @@ import { Image, Platform, StyleSheet, useWindowDimensions } from 'react-native';
|
|
|
5
5
|
import Animated, { interpolate, useDerivedValue, useAnimatedStyle, withTiming, Easing, useSharedValue } from 'react-native-reanimated';
|
|
6
6
|
import { useTheme } from "../../utils/ThemeContext.js";
|
|
7
7
|
import useMeasureHeight from "../hooks/useMeasureHeight.js";
|
|
8
|
+
import { ExpoImage } from "../adapters/expo-image.js";
|
|
8
9
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
10
|
function OnboardingImageContainer({
|
|
10
11
|
currentStep,
|
|
@@ -86,10 +87,16 @@ function OnboardingImageContainer({
|
|
|
86
87
|
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
87
88
|
style: [styles.image, imageAnimation],
|
|
88
89
|
ref: image.ref,
|
|
89
|
-
children: /*#__PURE__*/_jsx(
|
|
90
|
+
children: ExpoImage ? /*#__PURE__*/_jsx(ExpoImage, {
|
|
91
|
+
source: currentStepImage,
|
|
92
|
+
contentFit: "contain",
|
|
93
|
+
transition: 0,
|
|
94
|
+
style: styles.imageStyle
|
|
95
|
+
}) : /*#__PURE__*/_jsx(Image, {
|
|
90
96
|
source: currentStepImage,
|
|
91
97
|
resizeMode: "contain",
|
|
92
|
-
fadeDuration: 0
|
|
98
|
+
fadeDuration: 0,
|
|
99
|
+
style: styles.imageStyle
|
|
93
100
|
})
|
|
94
101
|
})
|
|
95
102
|
})]
|
|
@@ -112,6 +119,10 @@ const createStyles = theme => StyleSheet.create({
|
|
|
112
119
|
alignSelf: 'center',
|
|
113
120
|
alignItems: 'center',
|
|
114
121
|
overflow: 'hidden'
|
|
122
|
+
},
|
|
123
|
+
imageStyle: {
|
|
124
|
+
width: 300,
|
|
125
|
+
height: 600
|
|
115
126
|
}
|
|
116
127
|
});
|
|
117
128
|
//# sourceMappingURL=OnboardingImageContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","Image","Platform","StyleSheet","useWindowDimensions","Animated","interpolate","useDerivedValue","useAnimatedStyle","withTiming","Easing","useSharedValue","useTheme","useMeasureHeight","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","OnboardingImageContainer","currentStep","currentStepImage","position","animationDuration","backgroundSpillProgress","introPanel","stepPanel","screenHeight","background","theme","image","styles","createStyles","extraPadding","OS","width","screenWidth","bottomPanelHeight","height","backgroundSpillDistance","value","imageWrapperHeight","imageWrapperAnimation","imageTargetY","topSafe","insets","top","imageH","modalTop","yBottom","shouldClampTop","Math","max","hasMounted","imageAnimation","translateY","duration","easing","out","cubic","sideEdges","transform","maxWidth","backgroundAnimation","topEdge","sideEdge","left","right","bottom","borderRadius","children","View","style","colorBg","imageWrapper","ref","source","resizeMode","fadeDuration","create","backgroundColor","bg","primary","overflow","alignSelf","alignItems"],"sourceRoot":"../../../../src","sources":["spill-onboarding/components/OnboardingImageContainer.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAwB,OAAO;AAC/C,SACEC,KAAK,EAELC,QAAQ,EACRC,UAAU,EACVC,mBAAmB,QACd,cAAc;AACrB,OAAOC,QAAQ,IACbC,WAAW,EACXC,eAAe,EACfC,gBAAgB,EAChBC,UAAU,EACVC,MAAM,EAENC,cAAc,QACT,yBAAyB;AAChC,SAASC,QAAQ,QAAQ,6BAA0B;AACnD,OAAOC,gBAAgB,MAAM,8BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["useMemo","Image","Platform","StyleSheet","useWindowDimensions","Animated","interpolate","useDerivedValue","useAnimatedStyle","withTiming","Easing","useSharedValue","useTheme","useMeasureHeight","ExpoImage","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","OnboardingImageContainer","currentStep","currentStepImage","position","animationDuration","backgroundSpillProgress","introPanel","stepPanel","screenHeight","background","theme","image","styles","createStyles","extraPadding","OS","width","screenWidth","bottomPanelHeight","height","backgroundSpillDistance","value","imageWrapperHeight","imageWrapperAnimation","imageTargetY","topSafe","insets","top","imageH","modalTop","yBottom","shouldClampTop","Math","max","hasMounted","imageAnimation","translateY","duration","easing","out","cubic","sideEdges","transform","maxWidth","backgroundAnimation","topEdge","sideEdge","left","right","bottom","borderRadius","children","View","style","colorBg","imageWrapper","ref","source","contentFit","transition","imageStyle","resizeMode","fadeDuration","create","backgroundColor","bg","primary","overflow","alignSelf","alignItems"],"sourceRoot":"../../../../src","sources":["spill-onboarding/components/OnboardingImageContainer.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OnboardingImageContainer.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingImageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAEL,KAAK,mBAAmB,EAIzB,MAAM,cAAc,CAAC;AACtB,OAAiB,EAMf,KAAK,WAAW,EAEjB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"OnboardingImageContainer.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingImageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAEL,KAAK,mBAAmB,EAIzB,MAAM,cAAc,CAAC;AACtB,OAAiB,EAMf,KAAK,WAAW,EAEjB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,UAAU,6BAA6B;IACrC,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,gBAAgB,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAClD,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uBAAuB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,UAAU,EAAE,GAAG,CAAC;IAChB,SAAS,EAAE,GAAG,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,SAAS,CAAC;CAC9B;AAED,iBAAS,wBAAwB,CAAC,EAChC,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,iBAAiB,EACjB,uBAAuB,EACvB,UAAU,EACV,SAAS,EACT,YAAY,EACZ,UAAU,GACX,EAAE,6BAA6B,2CA6G/B;AAED,eAAe,wBAAwB,CAAC"}
|
package/package.json
CHANGED
|
@@ -19,6 +19,7 @@ import { useTheme } from '../../utils/ThemeContext';
|
|
|
19
19
|
import useMeasureHeight from '../hooks/useMeasureHeight';
|
|
20
20
|
import type { Theme } from '../../utils/theme';
|
|
21
21
|
import type { OnboardingStep } from '../types';
|
|
22
|
+
import { ExpoImage } from '../adapters/expo-image';
|
|
22
23
|
|
|
23
24
|
interface OnboardingImageContainerProps {
|
|
24
25
|
currentStep: OnboardingStep | undefined;
|
|
@@ -131,11 +132,21 @@ function OnboardingImageContainer({
|
|
|
131
132
|
{currentStepImage && (
|
|
132
133
|
<Animated.View style={[styles.imageWrapper, imageWrapperAnimation]}>
|
|
133
134
|
<Animated.View style={[styles.image, imageAnimation]} ref={image.ref}>
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
135
|
+
{ExpoImage ? (
|
|
136
|
+
<ExpoImage
|
|
137
|
+
source={currentStepImage}
|
|
138
|
+
contentFit="contain"
|
|
139
|
+
transition={0}
|
|
140
|
+
style={styles.imageStyle}
|
|
141
|
+
/>
|
|
142
|
+
) : (
|
|
143
|
+
<Image
|
|
144
|
+
source={currentStepImage}
|
|
145
|
+
resizeMode="contain"
|
|
146
|
+
fadeDuration={0}
|
|
147
|
+
style={styles.imageStyle}
|
|
148
|
+
/>
|
|
149
|
+
)}
|
|
139
150
|
</Animated.View>
|
|
140
151
|
</Animated.View>
|
|
141
152
|
)}
|
|
@@ -163,4 +174,8 @@ const createStyles = (theme: Theme) =>
|
|
|
163
174
|
alignItems: 'center',
|
|
164
175
|
overflow: 'hidden',
|
|
165
176
|
},
|
|
177
|
+
imageStyle: {
|
|
178
|
+
width: 300,
|
|
179
|
+
height: 600,
|
|
180
|
+
},
|
|
166
181
|
});
|