Как реализовать изменяемый размер, подвижный и съемный перетаскиваемый прямоугольник в React Native как для iOS, так и дIOS

Программируем под IOS
Ответить Пред. темаСлед. тема
Anonymous
 Как реализовать изменяемый размер, подвижный и съемный перетаскиваемый прямоугольник в React Native как для iOS, так и д

Сообщение Anonymous »

Я хочу реализовать в React Native функцию (которая поддерживает как iOS, так и Интернет), которая позволит пользователям рисовать прямоугольник изменяемого размера путем перетаскивания. После рисования пользователи должны иметь возможность изменять размер, перемещать или удалять прямоугольник, а координаты прямоугольника должны быть записаны.
Я обнаружил, что библиотека реагирования-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
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «IOS»