반응형 예제2 ReactNative Animated Interpolation 예제 이전글 2023.01.31 - [개발로그/ReactNative] - react native Animated 를 사용할때 알아야할 절대 Rules! 2023.01.31 - [개발로그/ReactNative] - React Native Animated - 애니메이션 value 를 수정하기 위해 사용하는 것들. 예제 포함 2023.02.01 - [개발로그/ReactNative] - 에러가 있는 코드로부터 배운다. React Native Animated 에서의 Value 수정하기(useRef) Interpolation (공부중) inputRange의 데이터를 주면 ouputRange 데이터값들로 변환하여 반환해준다. const opacity = Y_POSITION.interpolate({ inputRange: [.. 2023. 2. 20. 다이어리 앱을 만들면서 연습해보자.- LayoutAnimation 종류 / 사용방법 LayoutAnimation state가 변경되면, 그 후에 layout에 animation을 실행하고 싶어! 라고 할때 사용한다. 사용법 import { LayoutAnimation} from "react-native"; LayoutAnimation.configureNext(LayoutAnimation.Presets.spring); 다이어리 앱에 적용예: Home.js useEffect(() => { // Home 컴포넌트가 mount 될때 조회해서 state에 등록한다. const feelings = realm.objects("Feeling"); // feelings 가 수정/삭제/생성 등의 이벤트가 있을 때 감지하기 위한 리스너를 등록한다. feelings.addListener((feelings, .. 2023. 2. 18. 이전 1 다음 반응형
