title: How to create round button with text inside
body: <p>How to create round button with text or char inside.
  It should look like this: It should look like this, image below:</p>
  
  <p><a href="https://i.stack.imgur.com/KZuSt.png" rel="noreferrer">img example</a></p>
  
  <p>So far I made this, but it's not so round:</p>
  
  <pre><code>import React, { Component } from 'react';
  import { View, StyleSheet, TouchableOpacity } from 'react-native';
  import { Constants } from 'expo';
  import Icon from 'react-native-vector-icons/FontAwesome'; // 4.4.2
  
  export default class App extends Component {
    render() {
      return (
        &lt;View style={styles.container}&gt;
          &lt;TouchableOpacity onPress={() =&gt; null}&gt;
                  &lt;Icon
                    name="chevron-left"
                    icon={{ name: 'rss', type: 'font-awesome' }}
                    style={styles.button}
                    size={25}
                  /&gt;
                &lt;/TouchableOpacity&gt;
        &lt;/View&gt;
      );
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      alignItems: 'center',
      justifyContent: 'center',
      paddingTop: Constants.statusBarHeight,
      backgroundColor: '#ecf0f1',
    },
    button: {
      padding: 25,
      backgroundColor: 'black',
      color: 'white',
      borderRadius: 50,
    },
  });
  </code></pre>