2017-03-17 70 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