React Native & Expo Camera 拍照图片预览变形


变形原因:预览比例的问题,默认预览比例是 4:3

解决办法有两种:1. 改变预览比例;2.改变预览容器宽高使其比例为4:3

尝试改变预览比例失败了,图片还是变形的。

用第2种方法解决了:

//...
import { Dimensions } from 'react-native';

const window = Dimensions.get("window");

export default function CameraScreen() {
  //...
  return (
    //...
    
    //...
  )
}

const styles = StyleSheet.create({
  cameraWrap: {
    width: window.width,
    height: window.width / (3 / 4),
  },
})