본문 바로가기

전체 글

(34)
react native reanimated, react native gesture handler React Native Reanimated와 React Native Gesture Handler는 모두 React Native에서 애니메이션과 제스처 처리를 개선하기 위해 사용되는 라이브러리입니다. 이 두 모듈은 모두 Software Mansion이라는 회사에서 관리하고 있습니다. 그러나 이 두 라이브러리는 서로 다른 목적과 기능을 가지고 있습니다.React Native Reanimated : 주로 애니메이션을 처리하는 데 사용React Native Reanimated는 React Native 애니메이션 라이브러리로, 성능이 뛰어나고 복잡한 애니메이션을 구현할 수 있도록 설계되었습니다. Reanimated는 애니메이션 로직을 JavaScript 스레드가 아닌 UI 스레드에서 실행할 수 있도록 하여, 애니..
<Image /> react-native 1. 로컬이미지 연결하기  2. 원격 URL에서 이미지 연결 ( 변수처리 : const imageUri = "https://.....";  하여, {{ uri : imageUri }} 로 처리 ) 3. Expo Asset 모듈import React from 'react';import { Image, StyleSheet, View } from 'react-native';import { Asset } from 'expo-asset';const App = () => { const [image, setImage] = React.useState(null); React.useEffect(() => { const loadImage = async () => { const asset = Asset.fr..
Pinch gesture 모든 gestures 의 공통 프로퍼티(Properties)enabled (value: boolean)shouldCancelWhenOutside(value: boolean)hitSlop(settings)withRef(ref)withTextId(testID)cancelsTouchesInView(value) iOS onlyrunOnJS(value: boolean)simultaneousWithExternalGesture(otherGesture1, otherGesture2, ...)blocksExternalGesture(otherGesture1, otherGesture2, ...)active cursor(value) 웹 Only CallbacksonBegin(callback)onStart(callback)onE..