React Navigation源代码阅读：views/AnimatedValueSubscription.js

最新推荐文章于 2025-08-23 11:06:25 发布

原创最新推荐文章于 2025-08-23 11:06:25 发布 · 368 阅读

0 ·

CC 4.0 BY-SA版权

React Navigation 同时被 2 个专栏收录

49 篇文章

订阅专栏

JavaScript

38 篇文章

订阅专栏

本文介绍了一个React Native中用于跟踪Animated.Value变化的订阅组件。通过该组件可以方便地监听动画值的变化，并执行相应的回调函数。

import { Animated } from 'react-native';

/**
 * 订阅一个动画值的变化事件
 */
export default class AnimatedValueSubscription {
    /**
     * 订阅一个动画值的变化事件
     * @param value 目标动画值 Animated.Value
     * @param callback 事件响应函数，在动画值发生变化时会被调用
     */
  constructor(value, callback) {
    this._value = value;
    this._token = value.addListener(callback);
  }

    /**
     * 从所跟踪的动画值上移除该订阅(事件监听器)
     */
  remove() {
    this._value.removeListener(this._token);
  }
}