Updated example app

example/mobile/app/Routes/FullTodos.js

@@ -0,0 +1,85 @@
+'use strict';
+
+console.disableYellowBox = true;
+
+
+import React, {
+  Component,
+  StyleSheet,
+  Text,
+  View,
+  TouchableOpacity
+} from 'react-native';
+
+import Meteor, { connectMeteor, MeteorListView } from 'react-native-meteor';
+import Button from 'react-native-button';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+
+@connectMeteor
+export default class FullTodos extends Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      done: false
+    };
+  }
+  startMeteorSubscriptions() {
+    Meteor.subscribe('todos');
+  }
+  changeDone() {
+    this.setState({done: !this.state.done});
+  }
+  renderItem(todo) {
+    return (
+      <View key={todo._id} style={styles.item}>
+        <Text style={{flex: 1}}>{todo.title}</Text>
+      </View>
+    )
+  }
+  render() {
+    const { done } = this.state;
+
+    return (
+      <View style={styles.container}>
+        <View style={styles.buttonsContainer}>
+          <Button containerStyle={styles.button} style={styles.buttonText} onPress={this.changeDone.bind(this)} >
+            {done && 'Done'}
+            {!done && 'Undone'}
+          </Button>
+        </View>
+        <MeteorListView
+          collection="todos"
+          selector={{done: done}}
+          renderRow={this.renderItem.bind(this)}
+        />
+      </View>
+    );
+  }
+}
+
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  item: {
+    flex: 1,
+    flexDirection: 'row'
+  },
+  buttonsContainer: {
+    marginTop: 25,
+    marginHorizontal: 10
+  },
+  button: {
+    paddingVertical: 8,
+    height:40,
+    overflow:'hidden',
+    borderRadius:4,
+    backgroundColor: '#00BC8C',
+    marginBottom: 5
+  },
+  buttonText: {
+    fontSize: 18, color: 'white'
+  }
+});

example/mobile/app/Routes/Todos.js

@@ -23,11 +23,6 @@ class Todos extends Component {
       done: false
     };
   }
-  getMeteorData() {
-    return {
-      todos: Meteor.collection('todos').find()
-    };
-  }
   startMeteorSubscriptions() {
     Meteor.subscribe('todos', this.state.done);
   }
@@ -73,7 +68,6 @@ class Todos extends Component {
     )
   }
   render() {
-    const { todos } = this.data;
     const { done } = this.state;
 
     return (

example/mobile/app/Tabs.ios.js

@@ -11,6 +11,7 @@ import React, {
 import Icon from 'react-native-vector-icons/MaterialIcons';
 
 import Todos from './Routes/Todos';
+import FullTodos from './Routes/FullTodos';
 import CollectionFS from './Routes/CollectionFS';
 import Status from './Routes/Status';
 import Settings from './Routes/Settings';
@@ -19,7 +20,7 @@ export default class Tabs extends Component {
   constructor(props) {
     super(props);
     this.state = {
-      selectedTab: 1
+      selectedTab: 4
     };
   }
   selectTab(index) {
@@ -59,6 +60,13 @@ export default class Tabs extends Component {
           onPress={this.selectTab.bind(this, 3)}>
           <Settings />
         </Icon.TabBarItem>
+        <Icon.TabBarItem
+          iconName="list"
+          title="Full Todos"
+          selected={selectedTab === 4}
+          onPress={this.selectTab.bind(this, 4)}>
+          <FullTodos />
+        </Icon.TabBarItem>
       </TabBarIOS>
     );
   }

example/mobile/package.json

@@ -9,7 +9,7 @@
     "react-native": "^0.21.0",
     "react-native-android-tablayout": "^0.2.0",
     "react-native-button": "^1.4.2",
-    "react-native-meteor": "^1.0.0-beta15",
+    "react-native-meteor": "^1.0.0-beta20",
     "react-native-vector-icons": "^1.2.1"
   },
   "devDependencies": {