TouchableOpacityのTouch onPressのonPressをReact-Nativeで手動で設定する

Question

React-NativeのTouchableOpacityコンポーネントの不透明度のボリュームを変更する方法を理解しようとしています。つまり、不透明度のデフォルト値が気に入らないプレスが実行され、不透明度があまり透明でないようにしたいと思います。

この目的Animated APIが使用されるべきであるためdocumentationによれば：

不透明度は、ビュー階層に追加さAnimated.Viewに子供をラップすることによって制御されます。これがレイアウトに影響する可能性があることに注意してください。だから、

、私はそれをやった、それはそれがどのように見えるかです：

<Animated.View style={{ opacity: this.state.opacity._value }}> 
    <TouchableOpacity 
     onPress={this.hideKeyboard.bind(this)} 
     style={{ opacity: this.state.opacity._value }} 
    > 
     <Text style={buttonTextStyle}>Cancel</Text> 
    </TouchableOpacity> 
</Animated.View> 

hideKeyboard方法、それはたonPressに呼び出されて、それはそれがどのように見えるかですが、その中からchangeOpacityメソッドを呼び出します：

changeOpacity() { 
    Animated.timing(
     this.state.opacity, 
     { 
      toValue: this.state.opacity === 1 ? 0 : 1, 
      duration: 500 
     } 
    ).start(); 
} 

this.state.opacityはコンストラクタで宣言されています：

constructor(props) { 
    super(props); 
    this.state = { opacity: new Animated.Value(1) }; 
} 

このすべてを持って、行動（TouchableOpacityの不透明たonPressのボリュームは）それはまだデフォルトのまま、変更されません。ドキュメントでは、あいまいにsetOpacityToメソッドも導入されていますが、ドキュメントに記載されている説明の徹底により、使用方法を理解できません。不透明度を手動で設定するにはどうすればよいですか？

Answer 1

あなたはこの

<TouchableOpacity 
    activeOpacity={.7} // default is .2 
    ... other props here 
/>