如何将ListView与react导航相结合

import React from 'react';
import { ListView } from 'react-native';
import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';

class MyListView extends React.Component {
  constructor(props) {
    super(props);

    // 创建数据源
    const dataSource = new ListView.DataSource({
      rowHasChanged: (r1, r2) => r1 !== r2
    });

    // 初始化状态
    this.state = {
      data: dataSource.cloneWithRows(['Row 1', 'Row 2', 'Row 3'])
    };
  }

  // 渲染行
  renderRow(rowData) {
    return (
      <View>
        <Text>{rowData}</Text>
      </View>
    );
  }

  render() {
    return (
      <ListView
        dataSource={this.state.data}
        renderRow={this.renderRow}
      />
    );
  }
}

const AppNavigator = createStackNavigator({
  Home: {
    screen: MyListView
  }
});

const AppContainer = createAppContainer(AppNavigator);

export default class App extends React.Component {
  render() {
    return <AppContainer />;
  }
}