Navigation: Update nav to use ScrollView.

Updates TitleGroup to use ScrollView instead
of View so that the avatars in nav bar don't
overflow and can be scrolled to view

Fixes: zulip#3700

src/title/TitleGroup.js

@@ -1,11 +1,11 @@
 /* @flow strict-local */
 
 import React from 'react';
-import { View } from 'react-native';
+import { ScrollView, View } from 'react-native';
 
 import type { UserId } from '../types';
 import * as NavigationService from '../nav/NavigationService';
-import styles, { createStyleSheet } from '../styles';
+import { createStyleSheet } from '../styles';
 import { UserAvatarWithPresenceById } from '../common/UserAvatarWithPresence';
 import { navigateToAccountDetails } from '../nav/navActions';
 
@@ -22,7 +22,11 @@ const componentStyles = createStyleSheet({
 export default function TitleGroup(props: Props) {
   const { userIds } = props;
   return (
-    <View style={styles.navWrapper}>
+    <ScrollView
+      horizontal
+      showsHorizontalScrollIndicator={false}
+      fadingEdgeLength={50}
+    >
       {userIds.map(userId => (
         <View key={userId} style={componentStyles.titleAvatar}>
           <UserAvatarWithPresenceById
@@ -34,6 +38,6 @@ export default function TitleGroup(props: Props) {
           />
         </View>
       ))}
-    </View>
+    </ScrollView>
   );
 }