chatScreen [nfc]: Get rid of reverse styles.

This styles were added in zulip#3226, to fix a issue on Android where
navbar was not rendered. This was basically a workaround of RN bug,
which now seems to be fixed. So removing this styles to simplify code.

Author: jainkuniya

src/chat/ChatScreen.js

@@ -1,6 +1,6 @@
 /* @flow strict-local */
 import React, { PureComponent } from 'react';
-import { View, StyleSheet } from 'react-native';
+import { View } from 'react-native';
 import type { NavigationScreenProp } from 'react-navigation';
 import { ActionSheetProvider } from '@expo/react-native-action-sheet';
 
@@ -32,14 +32,6 @@ type Props = $ReadOnly<{|
   ...SelectorProps,
 |}>;
 
-const componentStyles = StyleSheet.create({
-  /** A workaround for #3089, by letting us put MessageList first. */
-  reverse: {
-    flex: 1,
-    flexDirection: 'column-reverse',
-  },
-});
-
 class ChatScreen extends PureComponent<Props> {
   context: Context;
 
@@ -59,8 +51,11 @@ class ChatScreen extends PureComponent<Props> {
 
     return (
       <ActionSheetProvider>
-        <View style={[contextStyles.screen, componentStyles.reverse]}>
+        <View style={contextStyles.screen}>
           <KeyboardAvoider style={styles.flexed} behavior="padding">
+            <ZulipStatusBar narrow={narrow} />
+            <ChatNavBar narrow={narrow} />
+            <OfflineNotice />
             <UnreadNotice narrow={narrow} />
             {sayNoMessages ? (
               <NoMessages narrow={narrow} />
@@ -69,9 +64,6 @@ class ChatScreen extends PureComponent<Props> {
             )}
             {showComposeBox && <ComposeBox narrow={narrow} />}
           </KeyboardAvoider>
-          <OfflineNotice />
-          <ChatNavBar narrow={narrow} />
-          <ZulipStatusBar narrow={narrow} />
         </View>
       </ActionSheetProvider>
     );