Я обнаружил, что библиотека реагирования-konva прекрасно обеспечивает эту функциональность. (например: https://konvajs.org/docs/react/Transformer.html), но он доступен только для веб-React и не подходит для React Native. Есть ли что-то подобное для React Native?
До сих пор я пробовал использовать act-native-gesture-handler, но результаты даже близко не соответствуют тому, что предлагает React-konva р>
Код: Выделить всё
import React, { useState } from 'react';
import { View, StyleSheet, TouchableOpacity, Text, Platform } from 'react-native';
import Svg, { Circle, Polygon } from 'react-native-svg';
import { GestureEvent, PanGestureHandler, PanGestureHandlerEventPayload } from 'react-native-gesture-handler';
const DrawRectangle = () => {
const [start, setStart] = useState(null);
const [end, setEnd] = useState({ x: 0, y: 0 });
const [dimensions, setDimensions] = useState({ w: 0, h: 0 });
const onPress = (event) => {
const { x, y, translationX, translationY } = event.nativeEvent;
if (!start) setStart({ x: y, y: x });
setDimensions({ w: translationX, h: translationY });
};
const onEnd = () => {
if (!start) return;
setEnd(start);
setStart(null);
};
return (
);
};
export default DrawRectangle;
Нарисуйте прямоугольник путем перетаскивания.
Измените размер прямоугольника после его рисования.
/>Переместите прямоугольник в другое место.
Удалите прямоугольник, если необходимо.
Запишите координаты прямоугольника.
Может ли кто-нибудь предложить подходящую библиотеку или подход для достижения этой цели в React Native для как для iOS, так и для Интернета?
Будем благодарны за любую помощь или рекомендации!
Подробнее здесь: https://stackoverflow.com/questions/784 ... in-react-n