反応ネイティブのスタイル属性を動的に変更できますか？

Question

現在の状態に基づいて動的に変更される単純なプログレスバーを作成しようとしています。私は2つのビューを使用しています.1つはプログレスバーコンテナ用で、もう1つはプログレスバー用です（動的に幅が変わることで視覚的に表示されます）。進行状況バーの幅のスタイルを動的に更新するにはどうすればよいですか？

は、ここで私は（私はスタイルシートをインポートしています）持っているものだ：はい、できます

<View style={styles.progressBarContainer}> 
    <View style ={styles.progressBar} /> 
</View> 

progressBarContainer: { 
    width: 300, 
    height: 20, 
    borderWidth: 2, 
    borderColor: 'black' 
    }, 
    progressBar: { 
    height: 16, 
    width: 100, 
    backgroundColor: 'purple' 
    } 

Answer 1

。このようなもの。

<View style={styles.progressBarContainer}> 
    <View 
    style={ this.state.pressStatus ? styles.buttonPress : styles.button } 
/> 
</View>