Shared Element Transitions (preview) Allows you to auto animate between shared elements on two different screesn to create smooth navigational experiences. View components can define sharedTransitionTag="name" alone with a transition through this API.
Summary Constructors Properties Enable to see various console logging output of Shared Element Transition behavior.
When the transition finishes.
Whether a transition is in progress or not. Note: used internally however exposed in case custom state ordering is needed. Updated when transitions start/end/cancel.
interactiveCancelledEvent Static
interactiveCancelledEvent: string
When the interactive transition cancels.
interactiveUpdateEvent Static
interactiveUpdateEvent: string
When the interactive transition updates with the percent value.
When the transition starts.
Methods Configure a custom transition with presentation/dismissal options.
Returns {}
events(): SharedTransitionObservable
Listen to various shared element transition events.
Returns SharedTransitionObservable
finishState(id: number): void
Finish transition state.
Returns void
Gather view collections based on sharedTransitionTag details.
Returns { presented: View[]; presenting: View[]; }getState(id: number): SharedTransitionState
Get current state for any transition.
Returns SharedTransitionState
notifyEvent(eventName: string, data: SharedTransitionEventDataPayload): void
Notify a Shared Transition event.
Returns void
updateState(id: number, state: SharedTransitionState): void
Update transition state.
Returns void
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4