☰

React-Native - TouchableOpacity コンポーネントの無効なスタイルを作成するにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript reactjs react-native
React-Native - TouchableOpacity コンポーネントの無効なスタイルを作成するにはどうすればいいですか? 質問する

TouchableOpacity コンポーネントに無効なスタイルを適用するにはどうすればよいですか?

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

ベストアンサー1

最も簡単な方法は、無効なプロップと同じ条件を使用することです。

次のようなものが機能するはずです:

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

おすすめ記事