title: Not able to center lottie animation and text in screen (react-native)
body: <p>How is it possible to center both a text and an animation from lottie? My loading animation is a bit cut of to the right side. I tried to following here but it didn't work <a href="https://github.com/airbnb/lottie-react-native/issues/143" rel="nofollow noreferrer">https://github.com/airbnb/lottie-react-native/issues/143</a></p>
  
  <p>My class looks like this:</p>
  
  <pre><code>import React, { Component } from 'react';
  import { connect } from 'react-redux';
  import PropTypes from 'prop-types';
  import { StyleSheet, View } from 'react-native';
  
  import Loading from '../Components/Loading';
  
  var styles = StyleSheet.create({
    viewAlignments: {
      width: 300,
      height: 300,
    },
    containterAlignments: {
      width: 300,
      height: 300,
    },
  });
  
  const LoadingWithMessage = props =&gt; {
    const { authSuccess } = props;
  
    const text = authSuccess ? 'Success!...'
      : 'Checking you against your information...';
  
    return (
      &lt;Loading text={text} /&gt;
    );
  };
  
  LoadingWithMessage.propTypes = {
    authSuccess: PropTypes.bool.isRequired,
  };
  
  const LoadingMessageContainer = connect(state =&gt; ({
    authSuccess: state.authUi.authSuccess,
  }))(LoadingWithMessage);
  
  export default class AuthenticationLoading extends Component {
    static navigationOptions = {
      header: null,
    };
  
    render() {
      return (
        &lt;View style={{ flex: 1, flexDirection: 'row', justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}&gt;
          &lt;View style={styles.viewAlignments}&gt;
            &lt;LoadingMessageContainer style={styles.containterAlignments} /&gt;
          &lt;/View&gt;
        &lt;/View&gt;
      );
    }
  };
  </code></pre>
  
  <p>And the screen looks like this. So you can see that the animation is a bit cut of to the right. Also without the height and width = 300 it is very to the right shifted.</p>
  
  <p><a href="https://i.stack.imgur.com/BNvpX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BNvpX.png" alt="enter image description here"></a></p>