AnimationEasing | EF React Native Style Framework

Provides a default implementation of the IAnimationEasing interface. This can be used to override the easing alias function used in themed components. The animation easing is a nested property of Animation, which is itself a child of Constants

example: ```ts import { Animation, AnimationEasing, Constants } from '@ef-carbon/react-native-style'; const easing = new AnimationEasing({ normal: Easing.linear }); const animation = new Animation({ easing }); const constants = new Constants({ animation }); ```

Hierarchy

AnimationEasing

Implements

IAnimationEasing

Index

Constructors

constructor

Properties

Constructors

constructor

new AnimationEasing(__namedParameters?: object): AnimationEasing

- Defined in animation/Easing.ts:73
Parameters
- Default value __namedParameters: object = {}
  - back: undefined | back
  - bezier: undefined | bezier
  - bounce: undefined | function
  - circle: undefined | function
  - cubic: undefined | function
  - ease: undefined | function
  - easeInBack: undefined | function
  - easeInBounce: undefined | function
  - easeInCirc: undefined | function
  - easeInCubic: undefined | function
  - easeInElastic: undefined | function
  - easeInExpo: undefined | function
  - easeInOutBack: undefined | function
  - easeInOutBounce: undefined | function
  - easeInOutCirc: undefined | function
  - easeInOutCubic: undefined | function
  - easeInOutElastic: undefined | function
  - easeInOutExpo: undefined | function
  - easeInOutQuad: undefined | function
  - easeInOutQuart: undefined | function
  - easeInOutQuint: undefined | function
  - easeInOutSine: undefined | function
  - easeInQuad: undefined | function
  - easeInQuart: undefined | function
  - easeInQuint: undefined | function
  - easeInSine: undefined | function
  - easeOutBack: undefined | function
  - easeOutBounce: undefined | function
  - easeOutCirc: undefined | function
  - easeOutCubic: undefined | function
  - easeOutElastic: undefined | function
  - easeOutExpo: undefined | function
  - easeOutQuad: undefined | function
  - easeOutQuart: undefined | function
  - easeOutQuint: undefined | function
  - easeOutSine: undefined | function
  - elastic: undefined | elastic
  - exp: undefined | function
  - inOut: undefined | inOut
  - inn: undefined | in
  - linear: undefined | function
  - normal: undefined | function
  - out: undefined | out
  - poly: undefined | poly
  - quad: undefined | function
  - sin: undefined | function
  - step0: undefined | function
  - step1: undefined | function
Returns AnimationEasing

Properties

back

back: function

Type declaration

- (s: number): EasingFunction
- Parameters
  - s: number
  Returns EasingFunction

bezier

bezier: function

Type declaration

- (x1: number, y1: number, x2: number, y2: number): EasingFunction
- Parameters
  - x1: number
  - y1: number
  - x2: number
  - y2: number
  Returns EasingFunction

bounce

bounce: EasingFunction

circle

circle: EasingFunction

cubic

cubic: EasingFunction

ease

ease: EasingFunction

easeInBack

easeInBack: EasingFunction

easeInBounce

easeInBounce: EasingFunction

easeInCirc

easeInCirc: EasingFunction

easeInCubic

easeInCubic: EasingFunction

easeInElastic

easeInElastic: EasingFunction

easeInExpo

easeInExpo: EasingFunction

easeInOutBack

easeInOutBack: EasingFunction

easeInOutBounce

easeInOutBounce: EasingFunction

easeInOutCirc

easeInOutCirc: EasingFunction

easeInOutCubic

easeInOutCubic: EasingFunction

easeInOutElastic

easeInOutElastic: EasingFunction

easeInOutExpo

easeInOutExpo: EasingFunction

easeInOutQuad

easeInOutQuad: EasingFunction

easeInOutQuart

easeInOutQuart: EasingFunction

easeInOutQuint

easeInOutQuint: EasingFunction

easeInOutSine

easeInOutSine: EasingFunction

easeInQuad

easeInQuad: EasingFunction

easeInQuart

easeInQuart: EasingFunction

easeInQuint

easeInQuint: EasingFunction

easeInSine

easeInSine: EasingFunction

easeOutBack

easeOutBack: EasingFunction

easeOutBounce

easeOutBounce: EasingFunction

easeOutCirc

easeOutCirc: EasingFunction

easeOutCubic

easeOutCubic: EasingFunction

easeOutElastic

easeOutElastic: EasingFunction

easeOutExpo

easeOutExpo: EasingFunction

easeOutQuad

easeOutQuad: EasingFunction

easeOutQuart

easeOutQuart: EasingFunction

easeOutQuint

easeOutQuint: EasingFunction

easeOutSine

easeOutSine: EasingFunction

elastic

elastic: function

Type declaration

- (bounciness: number): EasingFunction
- Parameters
  - bounciness: number
  Returns EasingFunction

exp

exp: EasingFunction

in

in: function

Type declaration

- (easing: EasingFunction): EasingFunction
- Parameters
  - easing: EasingFunction
  Returns EasingFunction

inOut

inOut: function

Type declaration

- (easing: EasingFunction): EasingFunction
- Parameters
  - easing: EasingFunction
  Returns EasingFunction

linear

linear: EasingFunction

normal

normal: EasingFunction

out

out: function

Type declaration

- (easing: EasingFunction): EasingFunction
- Parameters
  - easing: EasingFunction
  Returns EasingFunction

poly

poly: function

Type declaration

- (n: number): EasingFunction
- Parameters
  - n: number
  Returns EasingFunction

quad

quad: EasingFunction

sin

sin: EasingFunction

step0

step0: EasingFunction

step1

step1: EasingFunction

Hierarchy

Implements

Index

Constructors

Properties

Constructors

constructor

Parameters

Default value __namedParameters: object = {}

back: undefined | back

bezier: undefined | bezier

bounce: undefined | function

circle: undefined | function

cubic: undefined | function

ease: undefined | function

easeInBack: undefined | function

easeInBounce: undefined | function

easeInCirc: undefined | function

easeInCubic: undefined | function

easeInElastic: undefined | function

easeInExpo: undefined | function

easeInOutBack: undefined | function

easeInOutBounce: undefined | function

easeInOutCirc: undefined | function

easeInOutCubic: undefined | function

easeInOutElastic: undefined | function

easeInOutExpo: undefined | function

easeInOutQuad: undefined | function

easeInOutQuart: undefined | function

easeInOutQuint: undefined | function

easeInOutSine: undefined | function

easeInQuad: undefined | function

easeInQuart: undefined | function

easeInQuint: undefined | function

easeInSine: undefined | function

easeOutBack: undefined | function

easeOutBounce: undefined | function

easeOutCirc: undefined | function

easeOutCubic: undefined | function

easeOutElastic: undefined | function

easeOutExpo: undefined | function

easeOutQuad: undefined | function

easeOutQuart: undefined | function

easeOutQuint: undefined | function

easeOutSine: undefined | function

elastic: undefined | elastic

exp: undefined | function

inOut: undefined | inOut

inn: undefined | in

linear: undefined | function

normal: undefined | function

out: undefined | out

poly: undefined | poly

quad: undefined | function

sin: undefined | function

step0: undefined | function

step1: undefined | function

Returns AnimationEasing

Properties

back

Type declaration

Parameters

s: number

Returns EasingFunction

bezier

Type declaration

Parameters

x1: number

y1: number

x2: number

y2: number

Returns EasingFunction

bounce

circle

cubic

ease

easeInBack

easeInBounce

easeInCirc

easeInCubic