2017-03-17 1 views
0

J'utilise réagir vue de l'onglet natif https://github.com/react-native-community/react-native-tab-view d'avoir quelque chose comme un carrousel. Cela semble fonctionner, mais la transition glissante est trop rapide pour moi. Comment puis-je le configurer? Docs disent qu'il ya un rappel configureTransition qui doit retourner la configuration de transition, mais ne dit pas ce que la configuration et comment faut-il ressembler à:React natif TabView configure la vitesse de glissement

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

S'il vous plaît, aidez-moi pour savoir comment configurer la vitesse de transition.

Répondre

1

spécification de transition est définie dans le fichier this.

import { Animated } from 'react-native'; 

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

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

Merci pour la réponse. J'ai essayé '{timig: Animated.timing, durée: 900, easing: Easing.inOut (Easing.ease)}' mais cela n'a eu aucun effet. Qu'est-ce que je fais mal? Comment puis-je obtenir un glissement plus lent? –

+0

@TristanTzara vous devez utiliser 'TabViewPagerPan' pour l'utiliser. Utilisez le prop de 'renderPager' pour cela (' props => ') – satya164