App.js

import { StackNavigator } from 'react-navigation';
import Home from './src/Home';
import RnIndex from './src/RnIndex';
import WebIndex from './src/WebIndex';
import { UIVIEWS, UICONTROLS, OTHERS, UIBARS } from './src/demoList';

const getOptions = title => ({
  title,
  headerStyle: {
    backgroundColor: 'black',
  },
  headerTintColor: 'white',
});

const scenes = {
  Home: {
    screen: Home,
    navigationOptions: getOptions('Ant Design Mobile'),
  },
  web: {
    screen: WebIndex,
    navigationOptions: getOptions('Antm Web Component'),
  },
  native: {
    screen: RnIndex,
    navigationOptions: getOptions('Antm React Native'),
  },
};

[...UIVIEWS, ...UICONTROLS, ...OTHERS, ...UIBARS].map((component) => {
  const Module = component.module.default;
  scenes[component.title] = {
    screen: Module,
    navigationOptions: getOptions(component.title),
  };
});

const App = StackNavigator(scenes);

export default App;