title: react native button style not working
body: <p>I'm using react native to create a test App, There is no effect on a button when I do styling. can anyone tell me what I am doing wrong.
  For example, I am trying to put red color to a button but it is not working.
  What can I do to make it right?</p>
  
  <pre><code>import React, { Component } from 'react'
  import {
    AppRegistry,
    StyleSheet,
    Text,
    Button,
    ScrollView,
    Dimensions,
    PanResponder,
    Animated,
    View
  } from 'react-native'
  
  import { StackNavigator } from 'react-navigation'
  
  
  
  
  
  class Home extends Component{
  
    static navigationOptions = {
  
     title:'Home'
  
  
  
    };
  
  componentWillMount(){
  
    this.animatedValue = new Animated.ValueXY();
    this._value = {x:0 , y:0}
    this.animatedValue.addListener((value) =&gt; this._value = value);
  
  
  this.panResponder = PanResponder.create({
  
   onStartShouldSetPanResponder: (evt, gestureState) =&gt; true,
    onMoveShouldSetPanResponder: (evt, gestureState) =&gt; true,
    onPanResponderGrant: (e, gestureState) =&gt; {
  
  this.animatedValue.setOffset({
  
  x:this._value.x,
  y:this._value.y,
  
  
  })
  
  this.animatedValue.setValue({x:0 , y:0})
  
        },
  
    onPanResponderMove:Animated.event([
  
  
  null,{dx: this.animatedValue.x , dy:this.animatedValue.y}
  
      ]),  
    onPanResponderRelease: (e, gestureState) =&gt; { 
  
        },       
  })
  }
  
    render(){
  
      var animatedStyle = {
  
        transform:this.animatedValue.getTranslateTransform()
      }
  
      return(
  
          &lt;View style={styles.container}&gt;
  
  
           &lt;Button 
           style={styles.button}
           title="Login"
            onPress={() =&gt; this.props.navigation.navigate("Login")} /&gt;
  
  
  
          &lt;/View&gt;
        )
    }
  }
  
  class Login extends Component{
     static navigationOptions = {  
     title:'Login'
    };
    render(){  
      return( 
          &lt;View&gt;
          &lt;Text&gt;home&lt;/Text&gt;
  
          &lt;/View&gt;
        )
    }
  }
  
  const App = StackNavigator({
  
  Home:{ screen: Home},
  Login:{ screen:Login}
  
  
  });
  
  var styles = StyleSheet.create({
    container: {
  
  
  
    },
  
    button:{
  
  
      color:'red'
  
  
  
    }
  });
  
  
  export default App
  </code></pre>