如何重置react-native动画？

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

const MyComponent = () => {
  const animation = useRef(new Animated.Value(0)).current;

  const startAnimation = () => {
    Animated.timing(animation, {
      toValue: 1,
      duration: 1000,
      useNativeDriver: true,
    }).start();
  };

  const resetAnimation = () => {
    animation.setValue(0);
  };

  return (
    <View>
      <Animated.View
        style={{
          opacity: animation,
          transform: [
            {
              translateY: animation.interpolate({
                inputRange: [0, 1],
                outputRange: [0, 100],
              }),
            },
          ],
        }}
      >
        <Text>Animated Text</Text>
      </Animated.View>

      <TouchableOpacity onPress={startAnimation}>
        <Text>Start Animation</Text>
      </TouchableOpacity>

      <TouchableOpacity onPress={resetAnimation}>
        <Text>Reset Animation</Text>
      </TouchableOpacity>
    </View>
  );
};

export default MyComponent;