title: React Native - a fresh new app shows only a black screen. How to debug?
body: <p>I am starting exploring building mobile apps with React Native and running, even after going through many tutorials, into repeating issues.</p>
  
  <p>I generated a new app via the <code>react-native init MyApp</code> command - I noticed that in the <code>App.js</code> file were included these styles definitions:</p>
  
  <pre><code>const styles = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: '#F5FCFF',
    },
    welcome: {
      fontSize: 20,
      textAlign: 'center',
      margin: 10,
    },
    instructions: {
      textAlign: 'center',
      color: '#333333',
      marginBottom: 5,
    },
  });
  </code></pre>
  
  <p>However, if I decided to only use</p>
  
  <pre><code>export default class App extends Component {
    render() {
      return (
        &lt;View&gt;
          &lt;Header /&gt;
        &lt;/View&gt;
      );
    }
  }
  </code></pre>
  
  <p>I only get back a black screen in the simulator - to "see" something, I need to add the style definition, as:</p>
  
  <pre><code>&lt;View style={styles.container}&gt;
    &lt;Header /&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p>How do I avoid always specifying the style definition for <code>&lt;View&gt;</code>? Is the default setup that the background of the screen is black or am I overlooking something?</p>
  
  <p>So far - the development is quite confusing and difficult, I spent basically the whole afternoon restarting the iOS app (hot reloading doesn't always work) to see new code changes in the app instead of building some new functionality.</p>
  
  <p>Am I doing something fundamentally wrong (like using the wrong development tools)?</p>