React-QR-阅读器。视频的高度和宽度与设备上视频的高度和宽度不匹配

Question

视频的高度和宽度与设备上视频的高度和宽度不匹配。 有样式组件：

<QrReader
scanDelay={500}
onResult={handleScan}
ViewFinder={scanOverlay}
containerStyle={{ width: 300, height: 300, }}
videoStyle={{width: 300, height: 300, border: 'solid', borderWidth: '4px', borderColor: qrData.length === 0 ? 'red' : 'green', }}
constraints={{facingMode: 'environment'}}
/>

但视频尺寸不是 300x300。如何解决这个问题？

Answer 1

npm 安装react-qr-reader

检查您是否使用正确版本的react-qr-reader库以及该库是否是最新的。旧版本的库可能存在已在新版本中修复的问题。