[React Native][expo-camera] 损坏的 base64 保存在 Android 上的图像

Question

我使用React Native 和 Expo在手机和平板电脑上开发应用程序。 我需要能够拍照并将其保存到我本地的 SQLite 数据库中。 我设法拍下照片并保存，然后将其显示在页面上。 我使用expo-camera 。

IOS 一切正常。 但是， Android 上的图像已损坏。 我的图像保存在 base64 中。 我在 android 和 IOS 上添加了两个指向结果的链接。

IOS 版Android 版

到 base64 的转换发生在__takePicture中此摘录的末尾：

    const [startCamera, setStartCamera] = useState(false);
    const [photo, setPhoto] = useState(null);
    const [zoom, setZoom] = useState(0);
    const [hasPermission, setHasPermission] = useState(null);
    const [type, setType] = useState(CameraType.back);
    const [camera, setCamera] = useState(null);

    useEffect(() => {
     (async () => {
        const { status } = await Camera.requestCameraPermissionsAsync();
        setHasPermission(status === 'granted');
      })();
    }, []);

    useEffect(() => {
        __startCamera(props.startCamera);
    }), [startCamera, props.startCamera];

    const __startCamera = async (props) => {
        const { status } = await Camera.requestCameraPermissionsAsync();
        if (status === "granted") {
            setStartCamera(props);
        } else {
            Alert.alert("Action impossible", "Demande d'accès");
        }
    };

    const __takePicture = async () => {
        if (!camera) return;
        const photo = await camera.takePictureAsync({ base64: true });

        setPhoto(photo);

        const manipResult = await manipulateAsync(photo.uri, [], {
            compress: 0,
            format: SaveFormat.JPEG,
            base64: true,
        });

        setPhoto(manipResult);
    };

图片展示：

<Image
    source={{ uri: photo.uri }}
    resizeMode="cover"
    style={{
        width: "80%",
        height: "80%",
        backgroundColor: "black",
        borderWidth: 5,
        borderRadius: 10,
    }}
/>

你知道问题出在哪里吗？ 感谢您的时间。

Answer 1

Timotius 从 Discord Reactiflux 服务器提供的答案对我有用：将compress: 0更改为compress: 1

他从他们的文档中带回的另一个可能被证明有用的元素：“SaveFormat.PNG 压缩是无损但速度较慢，SaveFormat.JPEG 更快但图像有可见的伪影。默认为 SaveFormat.JPEG”