App.js

import React, { Component } from 'react';
import duix from 'duix';
// Pages
import Loading from './src/pages/Loading';
import Login from './src/pages/Login';
import Home from './src/pages/Home';
import Contact from './src/pages/Contact';
// ...more dependencies...

const DEFAULT_PAGE = 'Loading';

duix.set('currentPage', DEFAULT_PAGE);

class App extends Component {
  state = {
    currentPage: DEFAULT_PAGE
  };

  componentDidMount() {
    duix.subscribe('currentPage', this.onCurrentPageChange);
  }

  onCurrentPageChange = (currentPage) => {
    this.setState({ currentPage });
  };

  render() {
    return (
      <View style={[{ flex: 1 }]}>
        {
          {
            Loading: <Loading />,
            Login: <Login />,
            Home: <Home />,
            Contact: <Contact />
          }[this.state.currentPage]
        }
      </View>
    );
  }
}

export default App;