React native:如何使用动画将输入从中心移动到顶部？

import React, { useState, useEffect } from 'react';
import { View, TextInput, Animated } from 'react-native';

const AnimatedInput = () => {
  const [animation] = useState(new Animated.Value(0));

  useEffect(() => {
    Animated.timing(animation, {
      toValue: 1,
      duration: 500,
      useNativeDriver: true,
    }).start();
  }, []);

  const translateY = animation.interpolate({
    inputRange: [0, 1],
    outputRange: [200, 0],
  });

  return (
    <Animated.View style={{ transform: [{ translateY }] }}>
      <TextInput placeholder="请输入内容" />
    </Animated.View>
  );
};

const App = () => {
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <AnimatedInput />
    </View>
  );
};