CODEWITHSUNDEEP
androidiosreact-native
yachaka
yachaka

Reputation: 5569

LayoutAnimation : how to not animate entering views?

I'm currently trying to animate a view change with LayoutAnimation. Using this code :

LayoutAnimation.easeInEaseOut();

Produces :
Video

As you see, the "Filters" menu animates by fading in. I want it to not fadeIn (to appear at opacity 1 from start).

I tried doing :

LayoutAnimation.configureNext({
  duration: 200,
  create: {
    type: 'easeInEaseOut',
  },
  delete: {
    type: 'easeInEaseOut',
  },
  update: {
    type: 'easeInEaseOut',
  },
});

But I get the error : Unsupported layout animation createConfig property (null). Is it possible to not animate created views with LayoutAnimation ?

Upvotes: 0

Views: 1483

Answers (1)

jevakallio
jevakallio

Reputation: 35890

You should be able to simply omit the create and delete keys:

  LayoutAnimation.configureNext({
    duration: 200,
    update: {
      type: 'easeInEaseOut'
    }
  });

The error Unsupported layout animation createConfig property (null) is caused by a missing required value called property on the create/delete animations.

Upvotes: 2

Related Questions