react native routing with navigator

native-routing.js

import HomePage from './app/components/anonymous/home/homepage'
import SignUp from './app/components/anonymous/signup/signup'
import Market from './app/components/authenticated/market/market'
import Shop from './app/components/authenticated/market/shop/shop'

class PackShop extends Component {  
  render() {
    return (
      <Navigator
        style={{ flex:1 }}
        initialRoute={{ name: 'Shop' }}
        renderScene={ this.renderScene }
        />
    );
  }
  renderScene(route,nav) {
    console.log('returning this crap, render scene',route,nav)
    switch (route.name) {
      case "HomePage":
        return <HomePage navigator={nav} ></HomePage>
      case "SignUp":
        return <SignUp navigator={nav} ></SignUp>
      case "Market":
        return <Market navigator={nav} ></Market>
      default:
      case "Shop":
        return <Shop navigator={nav} ></Shop>
      default:
      break;
    }
  }
}