Can I make dynamic styles in React Native?

Question

Say I have a component with a render like this:

Where jewelStyle =

  {
    bo         


        

Answer 1

You can bind state value directly to style object. Here is an example:

class Timer extends Component{
 constructor(props){
 super(props);
 this.state = {timer: 0, color: '#FF0000'};
 setInterval(() => {
   this.setState({timer: this.state.timer + 1, color: this.state.timer % 2 == 0 ? '#FF0000' : '#0000FF'});
 }, 1000);
}

render(){
 return (
   

    Timer:
    {this.state.timer}
  
 );
 }
}