title: React-Native Button style not work
body: <h1>Import_this</h1>
  
  
  
  <pre class="lang-jsx prettyprint-override"><code>import {AppRegistry, Text, View, Button, StyleSheet} from 'react-native';
  </code></pre>
  
  <p>This my React Button code But style not working Hare ...</p>
  
  <pre class="lang-jsx prettyprint-override"><code>&lt;Button
    onPress={this.onPress.bind(this)} 
    title={"Go Back"}
    style={{color: 'red', marginTop: 10, padding: 10}}
  /&gt;
  </code></pre>
  
  <p>Also I was try by this code </p>
  
  <pre class="lang-jsx prettyprint-override"><code>&lt;Button 
         containerStyle={{padding:10, height:45, overflow:'hidden', 
         borderRadius:4, backgroundColor: 'white'}}
         style={{fontSize: 20, color: 'green'}} 
         onPress={this.onPress.bind(this)} title={"Go Back"}
        &gt; Press me!
  &lt;/Button&gt;
  </code></pre>
  
  <h1>Update Question:</h1>
  
  <p>Also I was try by This way..</p>
  
  <pre class="lang-jsx prettyprint-override"><code>&lt;Button
      onPress={this.onPress.bind(this)}
      title={"Go Back"}
      style={styles.buttonStyle}
  &gt;ku ka&lt;/Button&gt;
  </code></pre>
  
  <h1>Style</h1>
  
  <pre class="lang-jsx prettyprint-override"><code>const styles = StyleSheet.create({
      buttonStyle: {
          color: 'red',
          marginTop: 20,
          padding: 20,
          backgroundColor: 'green'
      }
  });
  </code></pre>
  
  <p>But No out put: 
  Screenshot  of my phone:-
  <a href="https://i.stack.imgur.com/vaNeD.png" rel="noreferrer"><img src="https://i.stack.imgur.com/vaNeD.png" alt="Screenshot  of my phone:-"></a></p>