反应原生动态地改变底层颜色

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

您可以为count创建一个类变量。从状态变量中获取underlayColor颜色。每次用户按下按钮都会更新计数变量。如果count变量达到6，则更新underlayColor in状态。