react-native-vision-camera 初始化后不出现答案

【问题标题】：react-native-vision-camera doesn't appears after initializationreact-native-vision-camera 初始化后不出现
【发布时间】：2023-01-31 23:23:12
【问题描述】：

react-native-vision-camera 初始化后不出现

我期待相机或类似的东西，但屏幕卡住了加载中

我尝试了很多东西，但无法解决问题。文档没有提供任何有用的信息

import { Alert, StyleSheet, View } from "react-native";
import { Camera, useCameraDevices } from "react-native-vision-camera";
import { Loading } from "../components/Loading/Loading";

export const CameraScreen: FC = () => {
  const devices = useCameraDevices();
  const device = devices.back;

  if (device == null) return <Loading />;

  return (
    <View style={style.screen}>
      <Camera
        device={device}
        isActive={true}
        style={StyleSheet.absoluteFill}
      />
    </View>
  );
};

const style = StyleSheet.create({
  screen: {
    flex: 1,
    backgroundColor: "#222",
  },
  camera: {
    flex: 1,
    alignItems: "center",
    justifyContent: "flex-end",
  },
});```

【问题讨论】：

您是否授予该应用访问相机的权限？

标签： android reactjs react-native react-native-camera react-native-vision-camera

【解决方案1】：

将 cameraRef 放在组件上。

const cameraRef = React.useRef(null);

<Camera
  ref={cameraRef} /* use cameraRef.current.takePhoto(): Promise<dataPhoto> */
  photo={true} /* or video={true} */
  device={device}
  isActive={true}
  style={StyleSheet.absoluteFill}
/>

见oficial docs。

【讨论】：