反应导航动态选项卡导航器

Question

我要制作动态屏幕

在Picture中，这是两个屏幕Screen1和Screen 2.我想动态创建这些屏幕。在这段代码中，我创建了一个const变量，这里我可以存储一些数据。现在我想在RouteConfigs中动态创建它。

import React, { Component } from 'react';
import { Text, View } from 'react-native';
import { createAppContainer } from 'react-navigation';
import { createMaterialTopTabNavigator } from 'react-navigation-tabs';

const myScreen = [
  {
    screen: 'Screen1'
  },
  {
    screen: 'Screen2'
  }
];
class Screen1 extends Component {
  render() {
    return (
      <View>
        <Text>Screen1</Text>
      </View>
    );
  }
}

class Screen2 extends Component {
  render() {
    return (
      <View>
        <Text>Screen2</Text>
      </View>
    );
  }
}

const TabNaigatior = createMaterialTopTabNavigator({
  Screen1: {
    screen: Screen1
  },
  Screen2: {
    screen: Screen2
  }
});

export default createAppContainer(TabNaigatior);