bluewallet/react-native-ios-context-menu
bluewallet/react-native-ios-context-menu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

⭐️ Impl: Aux. Preview - Transition In - zoom

Browse Source
This commit is contained in:
Dominic Go 2022-06-18 05:28:01 +08:00
parent 488df4bcd3
commit b7ee9b9e3c
1 changed files with 25 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
ios/src/ReactNative/RNIContextMenuView/RNIContextMenuView.swift
View File

@ -750,8 +750,10 @@ fileprivate extension RNIContextMenuView {
"isAuxiliaryPreviewAttachedToTop": shouldAttachToTop,
];
typealias TransStartEnd = (() -> (), () -> ());
// closures to set the start/end values for the entrance transition
let (setTransitionStateStart, setTransitionStateEnd): (() -> (), () -> ()) = {
let (setTransitionStateStart, setTransitionStateEnd): TransStartEnd = {
var transform = previewAuxiliaryView.transform;
switch auxConfig.transitionConfigEntrance.transition {
@ -783,7 +785,7 @@ fileprivate extension RNIContextMenuView {
// apply transform
previewAuxiliaryView.transform = transform;
},{
}, {
// fade - end
previewAuxiliaryView.alpha = 1;
@ -801,7 +803,27 @@ fileprivate extension RNIContextMenuView {
});
case .zoom:
return ({},{});
let scaleOffset: CGFloat = 0.3;
let scale = 1 - scaleOffset;
return ({
// fade - start
previewAuxiliaryView.alpha = 0;
// zoom - start
transform = transform
.scaledBy(x: scale, y: scale);
// start - apply transform
previewAuxiliaryView.transform = transform;
}, {
// fade - end
previewAuxiliaryView.alpha = 1;
// zoom - end - reset transform
previewAuxiliaryView.transform = .identity;
});
case .none: fallthrough;