Read room on open

app/sagas/messages.js

@@ -10,6 +10,7 @@ const get = function* get({ rid }) {
 	}
 	try {
 		yield RocketChat.loadMessagesForRoom(rid, null);
+		yield RocketChat.readMessages(rid);
 		yield put(messagesSuccess());
 	} catch (err) {
 		console.log(err);

app/views/RoomView.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Text, View, StyleSheet, Button, InteractionManager, SafeAreaView } from 'react-native';
+import { Text, View, StyleSheet, Button } from 'react-native';
 import { ListView } from 'realm/react-native';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
@@ -19,9 +19,6 @@ const styles = StyleSheet.create({
 		flex: 1,
 		backgroundColor: '#fff'
 	},
-	safeAreaView: {
-		flex: 1
-	},
 	list: {
 		flex: 1,
 		transform: [{ scaleY: -1 }]
@@ -196,20 +193,18 @@ export default class RoomView extends React.Component {
 
 	render() {
 		return (
-			<KeyboardView contentContainerStyle={styles.container} keyboardVerticalOffset={64}>
+			<KeyboardView style={styles.container} keyboardVerticalOffset={64}>
 				{this.renderBanner()}
-				<SafeAreaView style={styles.safeAreaView}>
+				<ListView
-					<ListView
+					enableEmptySections
-						enableEmptySections
+					style={styles.list}
-						style={styles.list}
+					onEndReachedThreshold={10}
-						onEndReachedThreshold={10}
+					renderFooter={this.renderHeader}
-						renderFooter={this.renderHeader}
+					onEndReached={this.onEndReached}
-						onEndReached={this.onEndReached}
+					dataSource={this.state.dataSource}
-						dataSource={this.state.dataSource}
+					renderRow={item => this.renderItem({ item })}
-						renderRow={item => this.renderItem({ item })}
+					initialListSize={10}
-						initialListSize={10}
+				/>
-					/>
-				</SafeAreaView>
 				{this.renderFooter()}
 			</KeyboardView>
 		);