在react native中平滑地增加高度？

import React, { useState } from 'react';
import { View, Animated, TouchableOpacity, Text } from 'react-native';

const SmoothHeightIncrease = () => {
  const [expanded, setExpanded] = useState(false);
  const heightAnimation = new Animated.Value(100);

  const toggleHeight = () => {
    const finalHeight = expanded ? 100 : 200; // 设置最终的高度
    Animated.timing(heightAnimation, {
      toValue: finalHeight,
      duration: 500, // 动画持续时间
      useNativeDriver: false, // 不使用原生驱动
    }).start();
    setExpanded(!expanded);
  };

  return (
    <View>
      <TouchableOpacity onPress={toggleHeight}>
        <Text>点击切换高度</Text>
      </TouchableOpacity>
      <Animated.View style={{ height: heightAnimation }}>
        {/* 需要增加高度的内容 */}
      </Animated.View>
    </View>
  );
};

export default SmoothHeightIncrease;