如何在React Native中浮动:向右和向左？

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

class FloatingComponent 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: 0,
        duration: 1000,
        easing: Easing.linear,
        useNativeDriver: true,
      }),
    ])
  ).start();
}

render() {
  const translateX = this.animatedValue.interpolate({
    inputRange: [0, 1],
    outputRange: [0, 100], // 向右浮动100个单位
  });

  return (
    <Animated.View style={{ transform: [{ translateX }] }}>
      {/* 组件内容 */}
    </Animated.View>
  );
}