NativeScript 9.1 Released → V8 14.9, Vite 8 HMR, built for rapid agentic visual iteration
Dig in
ts
type SharedTransitionTagProperties = SharedProperties & {
  callback?: (view: View, action: SharedTransitionEventAction) => Promise<void>;
  propertiesToMatch?: SharedTransitionTagPropertiesToMatch;
  zIndex?: number;
};

Defined in: ui/transition/shared-transition.ts

Properties which can be set on individual Shared Elements

Type Declaration ​

callback? ​

ts
optional callback?: (view: View, action: SharedTransitionEventAction) => Promise<void>;

Parameters ​

ParameterType
viewView
actionSharedTransitionEventAction

Returns ​

Promise<void>

propertiesToMatch? ​

ts
optional propertiesToMatch?: SharedTransitionTagPropertiesToMatch;

Collection of properties to match and animate on each shared element.

Defaults to: 'backgroundColor', 'cornerRadius', 'borderWidth', 'borderColor'

Tip: Using an empty array, [], for view or layer will avoid copying any properties if desired.

zIndex? ​

ts
optional zIndex?: number;

The visual stacking order where 0 is at the bottom. Shared elements are stacked one on top of the other during each transition. By default they are not ordered in any particular fashion.

Next
SplitBehavior