updated example app; added all views from hackathon-starter

example/main.js

@@ -7,6 +7,7 @@ import { Icon } from 'react-native-elements';
 import Home from './src/drawer/home';
 import SwipeDecker from './src/drawer/swipe_decker';
 import Ratings from './src/drawer/ratings';
+import Pricing from './src/drawer/pricing';
 
 const SCREEN_WIDTH = Dimensions.get('window').width;
 
@@ -39,6 +40,10 @@ const MainRoot = DrawerNavigator(
       path: '/ratings',
       screen: Ratings,
     },
+    Pricing: {
+      path: '/pricing',
+      screen: Pricing,
+    },
   },
   {
     initialRouteName: 'Home',

example/src/drawer/home.js

@@ -4,7 +4,8 @@ import { TabNavigator } from 'react-navigation';
 import { Icon } from 'react-native-elements';
 
 import ButtonsTab from '../tabs/buttons';
-import IconsTab from '../tabs/icons';
+import ListsTab from '../tabs/lists';
+import FormsTab from '../tabs/forms';
 import FontsTab from '../tabs/fonts';
 
 const Home = TabNavigator(
@@ -24,16 +25,26 @@ const Home = TabNavigator(
         ),
       },
     },
-    IconsTab: {
-      screen: IconsTab,
-      path: '/icons',
+    ListsTab: {
+      screen: ListsTab,
+      path: '/lists',
       navigationOptions: {
-        tabBarLabel: 'Icons',
+        tabBarLabel: 'Lists',
+        tabBarIcon: ({ tintColor, focused }) => (
+          <Icon name="list" size={30} type="entypo" color={tintColor} />
+        ),
+      },
+    },
+    FormsTab: {
+      screen: FormsTab,
+      path: '/forms',
+      navigationOptions: {
+        tabBarLabel: 'Forms',
         tabBarIcon: ({ tintColor, focused }) => (
           <Icon
-            name={focused ? 'emoticon-cool' : 'emoticon-sad'}
+            name="wpforms"
             size={30}
-            type="material-community"
+            type="font-awesome"
             color={tintColor}
           />
         ),

example/src/drawer/pricing.js

@@ -0,0 +1,32 @@
+import Expo from 'expo';
+import React from 'react';
+import { StackNavigator } from 'react-navigation';
+import { Icon } from 'react-native-elements';
+
+import Pricing from '../views/pricing';
+
+const PricingDrawerItem = StackNavigator({
+  Pricing: {
+    screen: Pricing,
+  },
+});
+
+PricingDrawerItem.navigationOptions = {
+  drawerLabel: 'Pricing',
+  drawerIcon: ({ tintColor }) => (
+    <Icon
+      name="attach-money"
+      size={30}
+      style={{
+        width: 50,
+        height: 50,
+        alignItems: 'center',
+        justifyContent: 'center',
+      }}
+      type="material"
+      color={tintColor}
+    />
+  ),
+};
+
+export default PricingDrawerItem;

example/src/tabs/forms.js

@@ -0,0 +1,36 @@
+import Expo from 'expo';
+import React, { Component } from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+
+import { StackNavigator } from 'react-navigation';
+
+import FormsHome from '../views/forms_home';
+import FormsDetails from '../views/forms_details';
+
+const FormsTabView = ({ navigation }) => <FormsHome navigation={navigation} />;
+
+const FormsDetailTabView = ({ navigation }) => (
+  <FormsDetails
+    banner={`${navigation.state.params.name}s Profile`}
+    navigation={navigation}
+  />
+);
+
+const FormsTab = StackNavigator({
+  Forms: {
+    screen: FormsTabView,
+    path: '/',
+    navigationOptions: {
+      title: 'Forms',
+    },
+  },
+  Forms_Detail: {
+    screen: FormsDetailTabView,
+    path: '/forms_detail',
+    navigationOptions: {
+      title: 'Forms Detail',
+    },
+  },
+});
+
+export default FormsTab;

example/src/tabs/lists.js

@@ -0,0 +1,35 @@
+import Expo from 'expo';
+import React, { Component } from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+
+import { StackNavigator } from 'react-navigation';
+
+import ListsHome from '../views/lists_home';
+import ListsDetails from '../views/lists_detail';
+
+const ListsTabView = ({ navigation }) => (
+  <ListsHome banner="Lists" navigation={navigation} />
+);
+
+const ListsDetailTabView = ({ navigation }) => (
+  <ListsDetails banner="Lists Detail" navigation={navigation} />
+);
+
+const ListsTab = StackNavigator({
+  Home: {
+    screen: ListsTabView,
+    path: '/',
+    navigationOptions: () => ({
+      title: 'Lists',
+    }),
+  },
+  Lists_Detail: {
+    screen: ListsDetailTabView,
+    path: 'lists_detail',
+    navigationOptions: {
+      title: 'Lists Detail',
+    },
+  },
+});
+
+export default ListsTab;