proxy interface to react-native-navigation

Proxy.js

import React, { Component } from 'react';

let Current=null

class Proxy extends Component {
  static navigationOptions = ({ navigation, navigationOptions }) => {
    const { params } = navigation.state;
    return {
      title: params.title,
      headerStyle: { backgroundColor: '#fff' },
      headerTintColor: '#000',
    };
  };

  initAsync = async (params) => {
  }

  constructor(props) {
   super(props)
   this.initAsync(props.navigation.state.params)
   this.component = props.navigation.state.params.component
   this.params = props.navigation.state.params
   this.state = {
     loaded:false
   }
  }

  componentDidMount = async() => {
    /*
      Registre seus componentes aqui :)
    */
    if(this.component=='List'){
      Current = require('./components/List.js').default
    }
    else if(this.component=='ABC'){
      Current = require('./components/ABC.js').default
    }    
    this.setState({ loaded : true })
  }

  render = () => {
    if(!this.state.loaded) return null
    return <Current {...this.params}/>
  }
}

export default Proxy;