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,8 @@ const componentStyles = createStyleSheet({
 export default function TitleGroup(props: Props) {
   const { userIds } = props;
   return (
-    <View style={styles.navWrapper}>
+    /* fadingEdgeLength is an android-only prop used to fade the edges so that they don't end abruptly */
+    <ScrollView horizontal showsHorizontalScrollIndicator={false} fadingEdgeLength={50}>
       {userIds.map(userId => (
         <View key={userId} style={componentStyles.titleAvatar}>
           <UserAvatarWithPresenceById
@@ -34,6 +35,6 @@ export default function TitleGroup(props: Props) {
           />
         </View>
       ))}
-    </View>
+    </ScrollView>
   );
 }