https://github.com/facebook/react-native/pull/18651

index.js

import React from 'react';
import {AppRegistry, LayoutAnimation, StyleSheet, Text, UIManager, View} from 'react-native';

if (UIManager.setLayoutAnimationEnabledExperimental) {
  UIManager.setLayoutAnimationEnabledExperimental(true);
}

class LayoutAnimationTest extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      width: 100,
      height: 300
    };
  }

  componentDidMount() {
    // This will run a bit later to trigger an update animation instead of a
    // create animation.
    setTimeout(() => {
      LayoutAnimation.configureNext({
        duration: 2000,
        update: {
          type: LayoutAnimation.Types.linear
        }
      });

      this.setState({width: 200});
    }, 1000);

    // This will run while the animation is going on. The animated view should
    // end up as a square, but will keep the 200x300 dimension on Android as the
    // ongoing animation overrides the later layout update.
    setTimeout(() => {
      this.setState({width: 300});
    }, 2000);
  }

  render() {
    const {width, height} = this.state;

    return (
      <View style={styles.root}>
        <View style={[styles.box, {width, height}]}>
          <Text style={styles.text}>
            {width}x{height}
          </Text>
        </View>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  root: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center'
  },
  box: {
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'red'
  },
  text: {
    fontSize: 24,
    color: 'white'
  }
});

AppRegistry.registerComponent('LayoutAnimationTest', () => LayoutAnimationTest);