如何在React-Native上无内插法平滑旋转直线

import React, { Component } from 'react';
import { Animated, View } from 'react-native';

class SmoothRotation extends Component {
  constructor(props) {
    super(props);
    this.state = {
      rotation: new Animated.Value(0),
      lineLength: new Animated.Value(100),
    };
  }

  componentDidMount() {
    const { rotation, lineLength } = this.state;
    Animated.timing(rotation, {
      toValue: 360,
      duration: 2000,
      useNativeDriver: true,
    }).start();
    
    Animated.timing(lineLength, {
      toValue: 200,
      duration: 2000,
      useNativeDriver: true,
    }).start();
  }

  render() {
    const { rotation, lineLength } = this.state;
    const lineStyle = {
      transform: [{ rotate: rotation.interpolate({
        inputRange: [0, 360],
        outputRange: ['0deg', '360deg'],
      }) }],
      height: lineLength,
      backgroundColor: 'black',
    };

    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Animated.View style={lineStyle} />
      </View>
    );
  }
}

export default SmoothRotation;