title: Only button text area is clickable
body: <p>Clicking does not work for all parts of the button. Only the text area is clickable. </p>
  
  <p>As a solution, I used <code>contentStyle</code> instead of style prop. But it changes only the color in the touching space of the button. I need to apply button click for the whole button and to change the color of the whole button when clicking on anywhere of the button.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>import * as React from "react";
  import { Button } from "react-native-paper";
  import styles from "./styles";
  
  const Cbutton = ({ text, onPress }) =&gt; (
    &lt;Button style={styles.wrapper} mode="contained" onPress={onPress}&gt;
      {text}
    &lt;/Button&gt;
  );
  
  export default Cbutton;
  </code></pre>
  
  <p>This is my code for the stylesheet.</p>
  
  <pre><code>import { StyleSheet } from 'react-native';
  
  export default StyleSheet.create({
  
      wrapper: {
        flexDirection: 'row',
        justifyContent:'center',
        alignItems: 'center',
        width: ( "96%" ),
      },
  
  });
  </code></pre>