Skip to content

Commit 805e684

Browse files
committed
chore: release 5.0.0
1 parent 0d86809 commit 805e684

3 files changed

Lines changed: 10 additions & 9 deletions

File tree

example/src/snapback/list/messages/ImageMessage.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ const ImageMessage: React.FC<ImageMessageProps> = ({
4343

4444
const animatedStyle = useAnimatedStyle(() => ({
4545
backgroundColor: backgroundColor.value,
46-
// borderRadius: theme.spacing.s,
46+
borderRadius: theme.spacing.s,
4747
padding: theme.spacing.xs / 2,
4848
}));
4949

@@ -105,7 +105,7 @@ const ImageMessage: React.FC<ImageMessageProps> = ({
105105
const imageStyle: ImageStyle = {
106106
width: size.width,
107107
height: size.height,
108-
// borderRadius: theme.spacing.s,
108+
borderRadius: theme.spacing.s,
109109
};
110110

111111
return (

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "react-native-zoom-toolkit",
3-
"version": "4.0.2",
3+
"version": "5.0.0",
44
"description": "Most complete set of pinch to zoom utilites for React Native",
55
"main": "lib/commonjs/index",
66
"module": "lib/module/index",

src/components/snapback/SnapbackZoom.tsx

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -72,8 +72,6 @@ const SnapbackZoom: React.FC<SnapBackZoomProps> = ({
7272
}, [resizeConfig, containerSize, scale]);
7373

7474
useDerivedValue(() => {
75-
const { width, height } = childrenSize.value;
76-
7775
const state: SnapbackZoomState<number> = {
7876
size: {
7977
width: containerSize.width.value,
@@ -83,17 +81,20 @@ const SnapbackZoom: React.FC<SnapBackZoomProps> = ({
8381
x: position.x.value,
8482
y: position.y.value,
8583
},
86-
translateX: translate.x.value,
87-
translateY: translate.y.value,
84+
translateX: translate.x.value - childrenSize.value.deltaX,
85+
translateY: translate.y.value - childrenSize.value.deltaY,
8886
scale: scale.value,
8987
};
9088

9189
if (resizeConfig !== undefined) {
92-
state.resize = { width, height };
90+
state.resize = {
91+
width: childrenSize.value.width,
92+
height: childrenSize.value.height,
93+
};
9394
}
9495

9596
onUpdate?.(state);
96-
}, [childrenSize, position, containerSize, resizeConfig, translate, scale]);
97+
}, [containerSize, position, childrenSize, resizeConfig, translate, scale]);
9798

9899
const pinch = Gesture.Pinch()
99100
.withTestId('pinch')

0 commit comments

Comments
 (0)