layout-anim-bug.js

class AddRemoveExample extends React.Component {
  state = {
    open: false,
  };

  componentWillUpdate() {
    LayoutAnimation.easeInEaseOut();
  }

  _onPressAddView = () => {
    this.setState((state) => ({open: !state.open}));
  };

  render() {
    return (
      <View style={styles.container}>
        <TouchableOpacity onPress={this._onPressAddView}>
          <View style={styles.button}>
            <Text>Add view</Text>
          </View>
        </TouchableOpacity>
        <View style={{height:this.state.open ? 100 : 50, backgroundColor: 'blue'}} />
        <View style={{ transform: [{translateY: 25}], backgroundColor: 'red', height: 50, marginBottom: 100 }} />
      </View>
    );
  }
}