Возможно ли l oop через массив изображений и сгенерировать их все одновременно

Question

import Card from "./Animation/Components/Card";

const alpha = Math.PI / 6;

const Cards = [
  require("./Animation/images/card1.png"),
  require("./Animation/images/card2.png"),
  require("./Animation/images/card3.png"),
];

export default function App() {
  const [toggle, setToggle] = useState(false);

  const toggleHandler = () => {
    setToggle(!toggle);
  };

  return (
    <View style={styles.container}>
      {Cards.map((item, index) => {
        const rotate = index - 1 * alpha;
        return (
          <Animated.View
            key={item}
            style={{ transform: [{ rotate: `${rotate}rad` }] }}
          >
            <Card title={item} />
          </Animated.View>
        );
      })}
      <Button title="Toggle" />
    </View>
  );
}

Я пытаюсь l oop через массив изображений выполнить анимацию на каждом из изображений, чтобы повернуть каждое изображение под углом. С помощью этого кода одновременно вращается только одно изображение. Я не могу l oop и генерировать все три изображения одновременно. Любая помощь с этим?