2017-03-17 56 views
0

我正在使用反应原生选项卡视图https://github.com/react-native-community/react-native-tab-view有像旋转木马。它似乎工作正常,但滑动过渡对我来说太快了。我如何配置它?文件说,有一个configureTransition回调应该返回过渡的结构,但并没有说那是什么配置,它看起来应该像:React原生tabview配置滑动速度

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

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

回答

1

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

import { Animated } from 'react-native'; 

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

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

感谢您的回复。我尝试过'{timig:Animated.timing,duration:900,easing:Easing.inOut(Easing.ease)}'但它没有效果。我究竟做错了什么?我怎样才能实现较慢的滑动? –

+0

@TristanTzara你需要使用'TabViewPagerPan'来使用它。使用'renderPager'属性('props =>') – satya164