Make autocomplete suggestions scrollable.

This enable user to get all the options which matches
input and is more convenient as now we don't have to type much.

fix:#623

src/autocomplete/EmojiAutocomplete.js

@@ -14,7 +14,7 @@ export default class EmojiAutocomplete extends Component {
 
   render() {
     const { filter, onAutocomplete } = this.props;
-    const emojis = getFilteredEmojiList(filter).slice(0, 5);
+    const emojis = getFilteredEmojiList(filter);
 
     if (emojis.length === 0) return null;
 

src/autocomplete/PeopleAutocomplete.js

@@ -2,13 +2,11 @@
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
 
-
 import { getAuth } from '../account/accountSelectors';
 import { Popup } from '../common';
 import UserItem from '../users/UserItem';
 import { sortUserList, filterUsersStartingWith } from '../users/usersSelectors';
 
-
 class PeopleAutocomplete extends Component {
 
   props: {
@@ -20,8 +18,7 @@ class PeopleAutocomplete extends Component {
 
   render() {
     const { filter, ownEmail, users, onAutocomplete } = this.props;
-    const people = sortUserList(filterUsersStartingWith(users, filter, ownEmail))
-      .slice(1, 5);
+    const people = sortUserList(filterUsersStartingWith(users, filter, ownEmail));
 
     if (people.length === 0) return null;
 

src/autocomplete/StreamAutocomplete.js

@@ -16,8 +16,7 @@ class StreamAutocomplete extends Component {
   render() {
     const { filter, subscriptions, onAutocomplete } = this.props;
     const streams = subscriptions
-      .filter(x => x.name.toLowerCase().startsWith(filter.toLowerCase()))
-      .slice(0, 5);
+      .filter(x => x.name.toLowerCase().startsWith(filter.toLowerCase()));
 
     if (streams.length === 0) return null;
 

src/common/Popup.js

@@ -1,6 +1,6 @@
 /* @flow */
 import React, { Component } from 'react';
-import { View, StyleSheet } from 'react-native';
+import { ScrollView, StyleSheet } from 'react-native';
 
 import { BORDER_COLOR } from '../styles';
 
@@ -16,9 +16,12 @@ const styles = StyleSheet.create({
 export default class Popup extends Component {
   render() {
     return (
-      <View style={styles.container}>
+      <ScrollView
+        style={styles.container}
+        maxHeight={300}
+      >
         {this.props.children}
-      </View>
+      </ScrollView>
     );
   }
 }