React-native如何为状态改变高度设置动画

import React, { useState, useRef } from 'react';
import { Animated, View, Button } from 'react-native';

const [height, setHeight] = useState(100);
const animatedHeight = useRef(new Animated.Value(height)).current;

const handleHeightChange = () => {
  const newHeight = height === 100 ? 200 : 100; // 根据实际需求设置新的高度
  Animated.timing(animatedHeight, {
    toValue: newHeight,
    duration: 500, // 动画持续时间
    useNativeDriver: false, // 在Android上需要禁用原生驱动
  }).start();
  setHeight(newHeight);
};

<View style={{ height: animatedHeight }}>
  {/* 内容 */}
</View>

<Button title="改变高度" onPress={handleHeightChange} />