title: React Native native iOS component is blank
body: <p>I created a new project and followed the tutorial for native iOS UI components (<a href="https://facebook.github.io/react-native/docs/native-components-ios.html" rel="nofollow noreferrer">https://facebook.github.io/react-native/docs/native-components-ios.html</a>). However, when I compile and run my code, it's just a blank screen. I don't see any errors.</p>
  
  <p>I know that my native <code>view</code> method is being called, but I'm not sure why the MKMapView isn't being rendered.</p>
  
  <p><code>index.ios.js</code>:</p>
  
  <pre><code>/**
   * Sample React Native App
   * https://github.com/facebook/react-native
   * @flow
   */
  
  import React, { Component } from 'react';
  import {
    AppRegistry,
    StyleSheet,
    Text,
    View
  } from 'react-native';
  const MapView = require('./MapView.ios');
  
  export default class NativeTest extends Component {
    render() {
      return (
        &lt;View style={styles.container}&gt;
          &lt;MapView /&gt;
        &lt;/View&gt;
      );
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      // backgroundColor: 'blue',
    },
  });
  
  AppRegistry.registerComponent('NativeTest', () =&gt; NativeTest);
  </code></pre>
  
  <p><code>MapView.ios.js</code>:</p>
  
  <pre><code>// @flow
  
  import { requireNativeComponent } from 'react-native';
  module.exports = requireNativeComponent('RCTMapView');
  </code></pre>
  
  <p><code>RCTMapViewManager.m</code>:</p>
  
  <pre><code>// RCTMapViewManager.m
  #import &lt;MapKit/MapKit.h&gt;
  
  #import "RCTViewManager.h"
  
  @interface RCTMapViewManager : RCTViewManager
  @end
  
  @implementation RCTMapViewManager
  
  RCT_EXPORT_MODULE()
  
  - (UIView *)view
  {
    return [[MKMapView alloc] init];
  }
  
  @end
  </code></pre>
  
  <p>How do I get the returned <code>UIView</code> to be rendered within my React Native app?</p>