反応ネイティブの下地色を動的に変更します

Question

ボタンがいくつかありますが、一定の時間が経過するとボタンのオーバーレイ色を変更します。

クラスが読み込まれると、配列内のボタンが作成されます。

makeData(){ 
for (var j = 0; j < 7; j++){ 
var temparraybuttons = []; 
for (var i = 0; i < 7; i++) { 

temparraybuttons.push(<TouchableHighlight onPress={this.clicked.bind(this, (j*7)+i+1)} 
        style style={styles.circle} 
        underlayColor="#FF00FF"> 
         <View> 
          <Text style={styles.number}> 
           {(j*7)+i+1} 
          </Text> 
         </View> 
        </TouchableHighlight>); 
       } 
       arrayButtons.push(temparraybuttons); 
      } 
     } 

しかし、今度は一度それらが後で作成されると、配列をループしてすべてのアンダーレイの色を変更したいのですか？

Answer 1

カウント用のクラス変数を作成できます。状態変数からunderlayColorカラーを取得します。ユーザがボタンを押す度にカウント変数が更新されます。 count変数が6に達した場合、状態のunderlayColorを更新します。