@openspacelabs/react-native-zoomable-view
Version:
A view component for react-native with pinch to zoom, tap to move and double tap to zoom capability.
50 lines • 1 kB
JavaScript
import { View, StyleSheet } from 'react-native';
import React from 'react';
export const DebugTouchPoint = ({
diameter = 20,
x = 0,
y = 0,
color = 'yellow'
}) => {
const radius = diameter / 2;
return /*#__PURE__*/React.createElement(View, {
style: [styles.debugPoint, {
width: diameter,
height: diameter,
borderRadius: diameter,
backgroundColor: color,
left: x - radius,
top: y - radius
}],
pointerEvents: "none"
});
};
export const DebugRect = ({
height,
x = 0,
y = 0,
color = 'yellow'
}) => {
const width = 5;
return /*#__PURE__*/React.createElement(View, {
style: [styles.debugRect, {
width,
height,
backgroundColor: color,
left: x - width / 2,
top: y
}],
pointerEvents: "none"
});
};
const styles = StyleSheet.create({
debugPoint: {
opacity: 0.7,
position: 'absolute'
},
debugRect: {
opacity: 0.5,
position: 'absolute'
}
});
//# sourceMappingURL=index.js.map