swiftui-navigation-transitions icon indicating copy to clipboard operation
swiftui-navigation-transitions copied to clipboard

slide-inverse

Open lorenzo-vecchio opened this issue 4 months ago • 0 comments

Would it be possible to add a slide-inverse animation also? I mean in a ltr application from left to right or if you prefer from leading to trailing. It would be a convenient feature to have out of the box. It's really fast to code too, I made it in my project like this:

import AtomicTransition
import SwiftUI
import NavigationTransitions

extension AnyNavigationTransition {
    /// A transition that moves both views in and out along the specified axis.
    ///
    /// This transition:
    /// - Pushes views left-to-right and pops views left-to-right when `axis` is `horizontal`.
    /// - Pushes views top-to-bottom and pops views top-to-bottom when `axis` is `vertical`.
    public static func inverseSlide(axis: Axis) -> Self {
        .init(InverseSlide(axis: axis))
    }
}

extension AnyNavigationTransition {
    /// Equivalent to `slide(axis: .horizontal)`.
    @inlinable
    public static var slide: Self {
        .inverseSlide(axis: .horizontal)
    }
}

/// A transition that moves both views in and out along the specified axis.
///
/// This transition:
/// - Pushes views left-to-right and pops views left-to-right when `axis` is `horizontal`.
/// - Pushes views top-to-bottom and pops views top-to-bottom when `axis` is `vertical`.
public struct InverseSlide: NavigationTransition {
    private let axis: Axis

    public init(axis: Axis) {
        self.axis = axis
    }

    /// Equivalent to `Move(axis: .horizontal)`.
    @inlinable
    public init() {
        self.init(axis: .horizontal)
    }

    public var body: some NavigationTransition {
        switch axis {
        case .horizontal:
            MirrorPush {
                OnInsertion {
                    Move(edge: .leading)
                }
                OnRemoval {
                    Move(edge: .trailing)
                }
            }
        case .vertical:
            MirrorPush {
                OnInsertion {
                    Move(edge: .top)
                }
                OnRemoval {
                    Move(edge: .bottom)
                }
            }
        }
    }
}

extension InverseSlide: Hashable {}

lorenzo-vecchio avatar Feb 29 '24 14:02 lorenzo-vecchio