app.js

import React from 'react'
import {
  View,
  StatusBar,
  Platform
} from 'react-native'

import {Scene, Router} from 'react-native-router-flux';

import HomeScreen from './screens/home'
import ProductsScreen from './screens/products'

export default class App extends React.Component {
  render() {
    return <View style={styles.container} >
      <StatusBar barStyle='light-content'/>
      <Router>
        <Scene key="root"
          navigationBarStyle={styles.navBar}
          titleStyle={styles.title}>
          <Scene
            key="home"
            component={HomeScreen}
            title="Open Commerce"
            />
          <Scene
            key="products"
            component={ProductsScreen}
            getTitle={props => props.name}
            />
        </Scene>
      </Router>
    </View>
  }
}

const styles = {
  container: {
    flex: 1,
    marginTop: Platform.OS == 'android' ? 22 : 0
  },
  navBar: {
    backgroundColor: '#52B9D1',
  },
  title: {
    color: 'white'
  }
}