如何在react native中旋转Fontisto图标

import { createIconSetFromFontisto } from 'react-native-vector-icons';
import Fontisto from 'react-native-vector-icons/Fontisto';

const FontistoIcon = createIconSetFromFontisto(Fontisto);

import React, { useState } from 'react';
import { View } from 'react-native';

const MyComponent = () => {
  const [rotation, setRotation] = useState(0);

  const rotateIcon = () => {
    setRotation(rotation + 45); // 每次点击旋转45度
  };

  return (
    <View>
      <FontistoIcon
        name="heart"
        size={30}
        color="red"
        style={{ transform: [{ rotate: `${rotation}deg` }] }}
      />
      <Button title="旋转图标" onPress={rotateIcon} />
    </View>
  );
};

export default MyComponent;