Javascript 相机比例和预览配置不够？

大家好,， 我已经看过很多与这个问题相关的文章，但我的问题不仅仅是如何根据所选的纵横比设置正确的预览尺寸。我想弄清楚Snapchat是如何始终拥有从状态栏一直扩展到屏幕底部的全屏摄像头预览的。我使用了

const ratios=wait cameraRef.current.getSupportedRatiosAsync（）

来获取我的测试设备可用的纵横比，最高的纵横比是16:9，这并没有给我足够的高度来进行覆盖整个屏幕的预览，也不会看起来扭曲和不寻常。在android OS camera应用程序中，有一个称为“完整”的宽高比，它利用屏幕上所有可用的不动产来显示相机预览，但宽高比getSupportedRatiosAsync（）返回值不包括此“完整”宽高比。我试图达到这种齐平的效果，相机预览占据了整个屏幕的高度，并且没有扭曲，但我最终在底部有了一个黑条，因为我必须考虑相机的纵横比，并将预览的高度放在相应的位置。这里有我遗漏的东西吗？当我简单地为相机预览设置flex:1时，它会占据屏幕，但它最终会成为一个扭曲的预览，因为它不适合相机的纵横比

import React，{useState，useRef，useffect}来自“React”
进口{
看法
文本，
样式表，
尺寸，
情态动词
图像背景，
有生气的
后台处理程序，
}从“反应本机”
从“反应本机手势处理程序”导入{TouchableOpacity}
//世博相机
从“expo Camera”导入{Camera}
//博览大道
从“expo av”导入{Video，AVPlaybackStatus}
//自定义组件
从“../components/HeaderX”导入HeaderX
从“../components/CameraButton”导入CameraButton
//离子图标
从“@expo/vector icons”导入{Entypo，Ionicons}
从“反应本机元素”导入{Icon}
//离子图标
//颜色
从“../constants/colors”导入颜色
//安全区
从“反应本机安全区域上下文”导入{useSafeAreaInsets}
//重演
从“../store/camera/actions”导入{takePicture}
从“react redux”导入{useDispatch，useSelector}
//媒体图书馆
从“世博媒体库”导入*作为媒体库
//手势处理程序
进口{
PinchGestureHandler，
PinchGestureHandlerGestureEvent，
国家,，
TapGestureHandler，
单击GestureHandlerStateChangeEvent，
}来自“反应本机手势处理程序”
进口恢复活力{
外推，
插入，
使用AnimatedTestureHandler，
使用动画道具，
useSharedValue，
使用动画样式，
runOnJS，
朗努伊，
}从“反应本地复活”
//导航5
从“@react navigation/native”导入{useFocusEffect}
//状态栏
从“博览会状态栏”导入{StatusBar}
const{height，width}=Dimensions.get（'window'）
console.log（'