react-native 로 삼성노트같은 앱 개발 가능할까요?

Question

캔버스를 그리고 이미지를 불러온 후그 위에 레이어를 추가해서필기 하는 기능을 구현하려 하는데필기가 많아지면 성능이 너무 떨어지네요 혹시 최적화하는 팁이 있을까요??지금은 패스를 모두 저장하는 방식으로 테스트로 구현해봤는데...이렇게 해선 될게 아니네요 ㅠ// src/pages/TestPage.tsx import React, { useState, useRef } from 'react'; import { Canvas, Path, Skia, SkPath } from '@shopify/react-native-skia'; import { PanResponder, View, StyleSheet, Button } from 'react-native'; const TestPage: React.FC = () => { const [paths, setPaths] = useState<{ path: SkPath; color: string; strokeWidth: number }[]>([]); const currentPath = useRef(null); // 펜 색상과 두께를 상태로 관리 (필요에 따라) const [penColor, setPenColor] = useState('black'); const [penWidth, setPenWidth] = useState(4); const panResponder = PanResponder.create({ onStartShouldSetPanResponder: () => true, onPanResponderGrant: (evt) => { const { locationX, locationY } = evt.nativeEvent; const newPath = Skia.Path.Make(); newPath.moveTo(locationX, locationY); currentPath.current = newPath; setPaths((prevPaths) => [ ...prevPaths, { path: newPath, color: penColor, strokeWidth: penWidth }, ]); }, onPanResponderMove: (evt) => { const { locationX, locationY } = evt.nativeEvent; if (currentPath.current) { currentPath.current.lineTo(locationX, locationY); // 상태 업데이트를 위해 강제로 갱신 setPaths((prevPaths) => [...prevPaths]); } }, onPanResponderRelease: () => { currentPath.current = null; }, }); return (

react-native 로 삼성노트같은 앱 개발 가능할까요?

0개의 답변

기술 목록