使用按鈕更改背景顏色 react-native

Question

我正在嘗試通過單擊按鈕來更改我的視圖背景顏色。 但是什么也沒發生（沒有錯誤）。

export default class App extends React.Component{

    state = {
        color: "#fff"
        }

        render() {
            
            return(
                
                <View style={{backgroundColor: this.state.color, flex: 1, alignItems:'center', justifyContent:'center',}}>
                  
                  <Button  onClick={() => { this.setState({color: "#00ff00" }) }} title="selam"></Button>

                </View>
                      
            );
        }
};

Answer 1

您必須使用 onPress 而不是 onClick

<Button onPress={() => { this.setState({color: "#00ff00" }) }} title="selam"></Button>