Android 中的 Capacitor Camera Preview 上方未显示按钮

Question

我正在构建一个使用相机预览来捕获图像的应用程序。但是当我在 android 设备中使用它时。它隐藏按钮并仅显示预览。我无法点击图片，因为没有显示按钮。

使用的库： capacitor-community/camera-preview

Answer 1

确保在您的 css 中，将叠加层的 z-index 设置为常量，并且其值小于按钮的 z-index。

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.cameraPreview {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
}

Android 中的 Capacitor Camera Preview 上方未显示按钮

Buttons not showing above Capacitor Camera Preview in Android

capacitor

capacitor-plugin