react native:有什么方法可以让动画箭头指向手风琴列表？

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

class AccordionList extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isExpanded: false,
      arrowRotation: new Animated.Value(0),
    };
    this.panResponder = PanResponder.create({
      onStartShouldSetPanResponder: () => true,
      onPanResponderGrant: () => {
        // 在手势开始时执行动画
        this.animateArrow();
      },
      // 其他手势事件的处理...
    });
  }

  animateArrow() {
    const { isExpanded, arrowRotation } = this.state;
    Animated.timing(arrowRotation, {
      toValue: isExpanded ? 0 : 1, // 根据状态切换旋转角度
      duration: 300, // 动画持续时间
      useNativeDriver: false, // 不使用原生驱动
    }).start();
    this.setState({ isExpanded: !isExpanded }); // 切换状态
  }

  render() {
    const { isExpanded, arrowRotation } = this.state;
    const rotate = arrowRotation.interpolate({
      inputRange: [0, 1],
      outputRange: ['0deg', '180deg'], // 定义旋转角度的范围
    });

    return (
      <View>
        <View {...this.panResponder.panHandlers}>
          <Text>点击展开/收起</Text>
          <Animated.Text style={{ transform: [{ rotate }] }}>
            {'>'}
          </Animated.Text>
        </View>
        {isExpanded && (
          <View>
            <Text>手风琴内容</Text>
          </View>
        )}
      </View>
    );
  }
}

export default AccordionList;