使用Expo ImagePicker前置摄像头拍照时镜像问题求助

前置摄像头自拍时，Expo ImagePicker默认会保存镜像状态的照片——这是因为前置预览为了符合用户操作习惯做了镜像处理，且SDK没有直接提供禁用该效果的参数。以下两种方法可解决这个问题：

方法一：仅在显示时修正镜像 #

如果不需要修改原始图片文件，只是展示时不想显示镜像效果，只需给图片组件添加水平翻转样式：

import { Image } from 'react-native';

// 假设result是ImagePicker返回的结果
<Image
  source={{ uri: result.assets[0].uri }}
  style={{
    // 自定义其他样式
    transform: [{ scaleX: -1 }]
  }}
/>

方法二：修改图片文件本身（保存非镜像版本） #

如果需要保存或使用非镜像的图片文件，可以借助expo-image-manipulator工具对图片进行水平翻转：

1. 先安装依赖：

npx expo install expo-image-manipulator

2. 拍照后处理图片：

import { manipulateAsync, FlipType } from 'expo-image-manipulator';
import * as ImagePicker from 'expo-image-picker';

// 原有拍照逻辑
const result = await ImagePicker.launchCameraAsync({
  cameraType: ImagePicker.CameraType.front,
  allowsEditing: true,
  aspect: [1, 1],
  quality: 0.2,
});

if (!result.canceled) {
  // 水平翻转图片，抵消镜像效果
  const correctedImage = await manipulateAsync(
    result.assets[0].uri,
    [{ flip: FlipType.Horizontal }],
    { compress: 0.2, format: 'jpeg' }
  );
  
  // correctedImage.uri 就是处理后的非镜像图片地址，可用于显示或保存
}

补充说明 #

你之前尝试的presentation style是控制相机模态框的展示方式（如全屏、弹窗），和图片本身的镜像状态无关，因此不会生效。

内容的提问来源于stack exchange，提问作者Niletix