reactnative动画——layoutAnimation讲解

小站本文链接：http://www.heblogs.cn/articleDetails/61205d3327acc660b0683031

react native 中有两种动画
一是 AnimationView 一是layoutAnimation
这里讲下layoutAnimation

1.LayoutAnimation

LayoutAnimation允许你在全局范围内创建和更新动画，这些动画会在下一次渲染或布局周期运行。它常用来更新 flexbox 布局，因为它可以无需测量或者计算特定属性就能直接产生动画。
如果在Android上使用 LayoutAnimation，那么目前还需要在UIManager中启用

// 在执行任何动画代码之前，比如在入口文件App.js中执行
import {
    UIManager,LayoutAnimation } from 'react-native';

if (Platform.OS === 'android') {
   
  if (UIManager.setLayoutAnimationEnabledExperimental) {
   
    UIManager.setLayoutAnimationEnabledExperimental(true);
  }
}

第一种方法：直接快捷使用LayoutAnimation动画类型

componentWillUpdate() {
   
  console.log('componentWillUpdate...');
  LayoutAnimation.spring();//弹簧.