react-native - 如何在功能组件中编写Animated.Value.addListener?

标签 react-native animation

我知道在类组件中我们以这种方式使用 addListener:

const Animated.Value= new Animated.Value(0);
Animated.Value.addListener((value)=>this.value=value;)

我想知道我应该如何在功能组件中转换 Animated.Value.addListener?第二个问题:我应该将 addListener 放在 useEffect Hook 中吗?

最佳答案

就我而言,我做了如下

import React, { useRef, useEffect } from "react";

const AnimationBox = (props) => {
  const pan: any = useRef(new Animated.ValueXY(props.pan)).current;

  useEffect(() => {
    pan.addListener((value) => {
      console.log(value);
    });

    return () => {
      pan.removeAllListeners();
    };
  }, []): 
}

关于react-native - 如何在功能组件中编写Animated.Value.addListener?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59598372/

相关文章:

c++ - SLERP & 骨骼动画插值帮助!

java - 如何让程序 hibernate 以便 GUI 能够跟上正在发生的事情?

javascript - 如何将数据从React组件传递到node server.js?

android - 如何在 React Native 中显示服务器对 HTTP 错误的响应

android - 使用 react-native 在真实设备上获取红屏

reactjs - 如何只发送图片消息? (也无需发送文本)

html - 如何从这个动画 SVG 中删除多余的空间(填充)?

javascript - 三个 js - 你能克隆从 collada 文件加载的动画吗?

ios - 用进度圈动画更新 uilabel 百分比 swift

javascript - 如何在 stackNavigator react 导航内的屏幕中隐藏底部栏