React-Native - TouchableOpacityの無効スタイル

Question

TouchableOpacityコンポーネントに無効なスタイルを適用しますか？

<TouchableOpacity style={styles.buttonWrapper } 
        onPress={this.userLogin.bind(this)} 
        disabled={ !this.state.username || !this.state.password }> 
       <Text style={styles.buttonText}> Login </Text> 
</TouchableOpacity> 

Answer 1

最も簡単な方法は、無効にした小道具と同じ条件を使用することです。

このような何かが動作するはず

：

style={!this.state.username || !this.state.password ? styles.disabled : styles.buttonWrapper}