Flutter MobileScanner组件iOS端相机自动缩放问题排查

可能的原因 #

• iOS相机框架默认行为：iOS的AVFoundation框架在相机预览视图尺寸较小时，会自动触发缩放来优化取景体验，这是系统层面的默认逻辑，和Android的相机处理机制存在差异。
• MobileScanner的iOS配置差异：该包在iOS端默认可能开启了自动缩放功能，或是未针对小弹窗场景做适配，而Android端的实现已处理这类视图尺寸相关问题。
• 相机会话预设不匹配：iOS端相机会话的默认高分辨率预设和弹窗小尺寸不兼容，导致系统自动缩放来适配视图显示。
• 布局约束问题：弹窗内的相机预览视图若未设置正确的宽高比或约束，会让iOS系统误判视图需求，进而触发自动缩放调整。

解决办法 #

1. 禁用自动缩放：初始化MobileScanner时，通过配置关闭自动缩放功能：

   MobileScanner(
     controller: MobileScannerController(
       autoZoomEnabled: false,
       // 其他配置项
     ),
     // 扫描回调等逻辑
   )
   

2. 指定适配的相机预设：针对小弹窗场景，手动设置iOS端的相机预设，选择和弹窗尺寸匹配的分辨率：

   MobileScanner(
     controller: MobileScannerController(
       preset: CameraPreset.medium, // 根据弹窗尺寸选择合适的预设
       // 其他配置项
     ),
   )
   

3. 固定预览视图宽高比：给MobileScanner套上AspectRatio组件，设置和相机默认比例匹配的宽高比（如4:3或16:9），避免视图异常触发系统调整：

   AspectRatio(
     aspectRatio: 4/3,
     child: MobileScanner(
       // 配置项
     ),
   )
   

4. 优化弹窗布局约束：确保弹窗使用固定宽高的约束，避免视图尺寸动态变化导致相机预览的尺寸计算出现异常。

内容的提问来源于stack exchange，提问作者D-Sibu