如何使用react native reanimated 2设置多个组件的不透明度动画？

npm install react-native-reanimated@next

import Animated, { useSharedValue, useAnimatedStyle, withTiming } from 'react-native-reanimated';
import { View, TouchableOpacity } from 'react-native';

const opacity = useSharedValue(1);

const startAnimation = () => {
  opacity.value = withTiming(0, { duration: 500 });
};

const animatedStyle = useAnimatedStyle(() => {
  return {
    opacity: opacity.value,
  };
});

<View style={styles.container}>
  <Animated.View style={[styles.box, animatedStyle]} />
  <Animated.View style={[styles.box, animatedStyle]} />
  <TouchableOpacity onPress={startAnimation}>
    <Text>开始动画</Text>
  </TouchableOpacity>
</View>