React Native ImagePicker 导致钩子调用无效

问：

我正在尝试通过 ImagePicker 从图库中选择一张图片。 无论我尝试哪种 ImagePicker，“expo-image-picker”还是“react-native-image-crop-picker”，我总是遇到错误

Error: Invalid hook call. Hooks can only be called inside of the body of a function component.

我不会尝试在函数之外调用钩子。. 但是当我选择一张图片时，我返回一个正确的响应：

{"cropRect": {"height": 2242, "width": 1682, "x": 1155, "y": 0}, "height": 400, "mime": "image/jpeg", "modificationDate": "1695307585000", "path": "file:///storage/emulated/0/Android/data/com.clip/files/Pictures/4e0ae973-fd55-43ba-9758-34119952b375.jpg", "size": 103041, "width": 300}

代码如下所示：

import React from "react";
import {
  NativeModules,
  StyleSheet,
  View,
  Text,
  ImageBackground,
  Pressable,
} from "react-native";
import { Feather } from "@expo/vector-icons";
import ImagePicker from "react-native-image-crop-picker";

export default function ProfileScreen({ navigation, route }) {
  const [image, setImage] = React.useState(null);

  async function changeProfilePicture() {
    await ImagePicker.openPicker({
      width: 300,
      height: 400,
      cropping: true,
    }).then((image) => {
      console.log(image);
    });
  }

  return (
    <View style={styles.ViewStyle}>
      <Pressable
        style={styles.PressableProfilePictureStyle}
        onPress={() => changeProfilePicture()}
      >
        <Feather name="edit" size={30} color="black" />
      </Pressable>
    </View>
  );
}