title: listview not showing at react-native
body: <p>I am having a view Problem w/ the ListView Component. It only shows up, when I tap on the view. It should be rendered as it shows up. What am I doing wrong here?</p>
  
  <p>I also tried a timeout of 500ms up to 3000ms after componentDidMount to updateListView() but it did not have any effect.</p>
  
  <p>Thanks for any help on that!</p>
  
  <pre><code>import React from 'react';
  
  import {
      ListView,
      Text,
      View,
      TouchableHighlight,
      StyleSheet
  } from 'react-native';
  
  class TopicList extends React.Component {
  
      constructor(props) {
          super(props);
  
          const ds = new ListView.DataSource({ rowHasChanged: (r1, r2) =&gt; r1 !== r2 });
          const itemList = [
              { label: 'test 1', target: "Category" },
              { label: 'test 2', target: "Category" },
              { label: 'test 3', target: "Category" },
              { label: 'test 4', target: "Category" }];
          this.state = {
              dataSource: ds.cloneWithRows(itemList),
              initialized: false,
              itemList: itemList
          };
      }
  
      updateListView(items) {
          console.log("MachineTopicList.updateListView()")
          this.setState({
              dataSource: this.state.dataSource.cloneWithRows(
                  items.slice() // copy items to a new array
              )
          });
      }
  
      componentDidMount() {
          this.updateListView(this.state.itemList);
      }
  
      render() {
          return (
              &lt;ListView
                  dataSource={this.state.dataSource}
                  renderRow={(rowData) =&gt; this.getListItem(rowData)}
                  style={{ flex: 1, height: 200 }}
              /&gt;
          )
      }
  
      getListItem(rowData) {
          if (rowData &amp;&amp; rowData.label) {
              return (
                  &lt;TouchableHighlight
                      onPress={() =&gt; this.navigateToItem(rowData.target)}
                      style={styles.wrapper}
                  &gt;
                      &lt;View style={styles.container}&gt;
                          &lt;View style={styles.label}&gt;
                              &lt;Text&gt;{rowData.label}&lt;/Text&gt;
                          &lt;/View&gt;
                          &lt;View style={styles.arrow}&gt;
                              &lt;Text&gt; &gt; &lt;/Text&gt;
                          &lt;/View&gt;
                      &lt;/View&gt;
                  &lt;/TouchableHighlight&gt;
              )
          }
  
          return null;
      }
  
      navigateToItem(itemName) {
          this.props.navigation.navigate(itemName)
      }
  }
  
  export default TopicList;
  
  TopicList.propTypes = {
      navigation: React.PropTypes.object.isRequired
  };
  
  
  const styles = StyleSheet.create({
      wrapper: {
          flex: 1,
          height: 60
      },
      container: {
          flex: 1,
          flexDirection: "row"
      },
      label: {
          flex: 11,
          backgroundColor: "yellow"
      },
      arrow: {
          flex: 1,
          backgroundColor: "pink"
      }
  });
  </code></pre>