title: justifyContent is not working and I can't change background color of the screen
body: <p><a href="https://i.stack.imgur.com/UeneD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UeneD.png" alt="enter image description here"></a></p>
  
  <p>I am using native base and in this picture you will see stackedLabel form. I'm trying to move it to the center of the screen but it doesn't work with justifyContent and still stays at the top of the screen. Also I am trying to change background color of the whole screen which is also doesn't work.
  Here is the code:</p>
  
  <pre><code> &lt;Container&gt;
  
         &lt;Content contentContainerStyle={{
          justifyContent:"center",
          flex:1,
          backgoroundColor: #00A577}}&gt;
  
                &lt;Form style={styles.form}&gt;
          &lt;Field name="email"
          component={this.renderInput}
                 validate={[email, required]} /&gt;
          &lt;Field
            name="password"
            component={this.renderInput}
            validate={[alphaNumeric, minLength8, maxLength15, required]}
  
          /&gt;
        &lt;/Form&gt;
        &lt;Button
  full
          style={styles.button}
        onPress={() =&gt; this.signin()}
        &gt;
          &lt;Text style={{color:"#ffffff"}}&gt;Sign In&lt;/Text&gt;
  &lt;/Button&gt;
  
  
  
  &lt;/Content&gt;
  
            &lt;/Container&gt;
  </code></pre>
  
  <p>How can I fix these 2 issues?</p>