title: React Native: cant change button style
body: <p>I am trying to change the style of a button in React Native, but the edits for the button colour, margin, outlines etc aren't working at all. Here is <a href="https://i.stack.imgur.com/7OXnZ.png" rel="nofollow noreferrer">the pic</a>. Below is my code for <code>HomeScreen.js</code></p>
  <pre><code>import React from 'react';
  import {
      StyleSheet,
      TextInput,
      View,
      Text,
      Button,
      ScrollView,
      Image,
      Keyboard,
      TouchableOpacity,
      KeyboardAvoidingView,
  } from 'react-native';
  
  function HomeScreen({ navigation }) {
      return (
          &lt;View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}&gt;
              &lt;Image
                  source={require('../image/success.png')}
                  style={{
                      width: '50%',
                      height: 100,
                      resizeMode: 'contain',
                      marginTop: 0,
                  }}
              /&gt;
              &lt;Text style={{
                  fontSize: 20,
                  textAlign: 'center',
                  marginLeft: 35,
                  marginRight: 35,
                  marginTop: 0,
                  marginBottom: 10,
                  color: '#00a3cc'
              }}&gt;
              {'\n\n'}
              This is the Home Screen
              &lt;/Text&gt;
              &lt;Button
              style={styles.buttonStyle}
              onPress={() =&gt; navigation.navigate('Settings')}
              title=&quot;Go to Settings&quot;
              /&gt;
          &lt;/View&gt;
      );
  };
  
  export default HomeScreen;
  
  const styles = StyleSheet.create ({
      buttonStyle: {
          backgroundColor: '#7DE24E',
          borderWidth: 0,
          color: '#FFFFFF',
          borderColor: '#7DE24E',
          height: 40,
          alignItems: 'center',
          borderRadius: 30,
          marginLeft: 35,
          marginRight: 35,
          marginTop: 20,
          marginBottom: 25,
      }
  });
  
  </code></pre>
  <p>Some help would be appreciated, let me know if more info is required. Thanks in advance.</p>