2017-03-17 7 views
0

反応ネイティブタブビュー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

遷移仕様は、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

関連する問題