React native tabview配置滑动速度

时间:2017-03-17 10:14:44

标签: animation react-native transition tabview

我正在使用反应原生标签视图https://github.com/react-native-community/react-native-tab-view来制作类似旋转木马的内容。它似乎工作正常,但滑动过渡对我来说太快了。我该如何配置?文档说有一个configureTransition回调应该返回转换配置,但没有说明配置是什么以及它应该是什么样的:

 configureTransition - optional callback which returns a configuration for 
 the transition, return null to disable animation

请帮我看看如何配置转换速度。

1 个答案:

答案 0 :(得分:1)

转换规范在this文件中定义。

  import { Animated } from 'react-native';

  _configureTransition = () => {
    return {
      timing: Animated.spring,
      tension: 300,
      friction: 100,
    };
  }

  render() {
    return (
      <TabViewAnimated
        ....
        configureTransition={this._configureTransition}
      />
    );
  }