React Native -动画视图在Android上摇摆

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

class SwingingAnimation extends Component {
  constructor(props) {
    super(props);
    this.animatedValue = new Animated.Value(0);
  }

  componentDidMount() {
    this.startAnimation();
  }

  startAnimation() {
    Animated.loop(
      Animated.sequence([
        Animated.timing(this.animatedValue, {
          toValue: 1,
          duration: 1000,
          easing: Easing.linear,
          useNativeDriver: true,
        }),
        Animated.timing(this.animatedValue, {
          toValue: -1,
          duration: 1000,
          easing: Easing.linear,
          useNativeDriver: true,
        }),
      ]),
    ).start();
  }

  render() {
    const interpolateRotation = this.animatedValue.interpolate({
      inputRange: [-1, 1],
      outputRange: ['-10deg', '10deg'],
    });

    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Animated.View
          style={{
            width: 100,
            height: 100,
            backgroundColor: 'red',
            transform: [{ rotate: interpolateRotation }],
          }}
        />
      </View>
    );
  }
}

export default SwingingAnimation;