Restore sticker zIndex for touchability, switch FrameOverlay to ImageBackground, and remove overflow hidden
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
import React from 'react';
|
||||
import { StyleSheet, Image, View } from 'react-native';
|
||||
import { StyleSheet, ImageBackground, View } from 'react-native';
|
||||
|
||||
interface FrameOverlayProps {
|
||||
frameAsset: any; // require() asset
|
||||
@@ -16,11 +16,10 @@ export default function FrameOverlay({ frameAsset, isCapturing = false }: FrameO
|
||||
|
||||
return (
|
||||
<View style={styles.container} pointerEvents={isCapturing ? "auto" : "none"} collapsable={false}>
|
||||
<Image
|
||||
<ImageBackground
|
||||
source={frameAsset}
|
||||
style={styles.frameImage}
|
||||
resizeMode="cover"
|
||||
fadeDuration={0}
|
||||
resizeMode="stretch"
|
||||
/>
|
||||
</View>
|
||||
);
|
||||
|
||||
@@ -675,7 +675,6 @@ const styles = StyleSheet.create({
|
||||
height: 320,
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
overflow: 'hidden',
|
||||
backgroundColor: THEME.colors.background,
|
||||
},
|
||||
controlPanel: {
|
||||
|
||||
Reference in New Issue
Block a user