ネイティブリアクト：カスタマイズTouchableOpacityアニメーション速度

Question

TouchableOpacitydocsによれば、エンド不透明度を変更するactiveOpacity支柱がある、任意の不透明度にコンポーネントをアニメーション化するsetOpacityTo機能があります。アニメーションの速さを変えることについては何もないようです。

アニメーションの速度を変更するにはどうすればよいですか？これのための小道具はありますか？私は自分のカスタムを作る必要がありますAnimated.View？メソッドの持続一部で...

setOpacityTo(value: number, duration: number) 

が反応ネイティブ思い

Answer 1

はsetNativeProps with TouchableOpacityを使用して不透明度をアニメーション化するために、バックグラウンドでsetOpacityToを使用しています。

setOpacityTo(value) { 
    // Redacted: animation related code 
    this.refs[CHILD_REF].setNativeProps({ 
    opacity: value 
    }); 
}, 

このようにしたい場合は、独自のアニメーションイベントを作成することもできます。ここにはhow touchable opacity uses setOpacityToがあり、useNativeDriverをtrueに設定してください。

setOpacityTo: function(value: number, duration: number) { 
    Animated.timing(
     this.state.anim, 
     { 
     toValue: value, 
     duration: duration, 
     easing: Easing.inOut(Easing.quad), 
     useNativeDriver: true, 
     } 
    ).start(); 
    },