react native:如何监听组件位置? [英] react native: How to listen to component position?

问题描述

我尝试使用不同类型的位置回调，但没有什么适合我的需要.

I tried to play with different kind of position callbacks but nothing fit my needs.

• onLayout 不更新
• 带有 setInterval 的measure() 太重
• onPanResponderMove 阻止子手势

我想在导航器转换期间检索场景组件位置.

I want to retrieve Scene component position during navigator transition.

更准确地说，这是一个示例:https://rnplay.org/apps/53SXZg.如何检索拖动的场景位置?

To be more precise, here's a sample : https://rnplay.org/apps/53SXZg. How to retrieve dragged scene position?

推荐答案

使用 NavigatorExperimental 的 NavigationTransitionner 发现它.谢谢你.听 transitionProps.position AnimatedValue :

Found it using NavigationTransitionner of NavigatorExperimental. Thanks jered. Listening to transitionProps.position AnimatedValue :

_render(transitionProps: NavigationTransitionProps,): React.Element<any> {
  const scenes = transitionProps.scenes.map((scene) => {
    const sceneProps = {
      ...transitionProps,
      scene,
    };
    return this._renderScene(sceneProps);
  });

  // Add position listener
  if(!this.positionListener){
    this.positionListener = transitionProps.position.addListener(({value}) => {
    console.log('value', value);
    });
  }

  return (
    <View style={styles.navigator}>
      {scenes}
    </View>
  );
}

这篇关于react native:如何监听组件位置?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！