change background color with a button react-native

Question

I am trying to change my view backgroundcolor with a button click. But nothing happens(no error).

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>
                      
            );
        }
};

this code looks find and should work, did you try to change to a color name not hex value like ` color: "red"` — Ahmed Khattab
– Ahmed Khattab, Commented Jul 18, 2020 at 13:52

Guruparan Giritharan · Accepted Answer · 2020-07-18 14:02:48Z

1

You have to use onPress not onClick

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

answered Jul 18, 2020 at 14:02

Guruparan Giritharan

16.4k4 gold badges30 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

kdrsfr Over a year ago

Thanks it works but i need to click the button like 8-10 times for the change why?

Guruparan Giritharan Over a year ago

i tested and works as expected,maybe your emulator is slow or something it takes time to update

kdrsfr Over a year ago

Yes it was slow now its okey. Thank you so much

Collectives™ on Stack Overflow

change background color with a button react-native

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related