changed web browser presentation style

src/navigation/stackNavigator.tsx

@@ -56,7 +56,6 @@ const MainStackNavigator = () => {
       <MainStack.Screen name={ROUTES.SCREENS.ACCOUNT_BOOST} component={AccountBoost} />
       <MainStack.Screen name={ROUTES.SCREENS.COMMUNITY} component={Community} />
       <MainStack.Screen name={ROUTES.SCREENS.COMMUNITIES} component={Communities} />
-      <MainStack.Screen name={ROUTES.SCREENS.WEB_BROWSER} component={WebBrowser} />
       <MainStack.Screen name={ROUTES.SCREENS.REFER} component={ReferScreen} />
       <MainStack.Screen name={ROUTES.SCREENS.COIN_DETAILS} component={CoinDetails} />
       <MainStack.Screen name={ROUTES.SCREENS.EDIT_HISTORY} component={EditHistoryScreen} />
@@ -67,6 +66,7 @@ const MainStackNavigator = () => {
         <MainStack.Screen name={ROUTES.SCREENS.FOLLOWS} component={Follows} />
         <MainStack.Screen name={ROUTES.SCREENS.TRANSFER} component={Transfer} />
         <MainStack.Screen name={ROUTES.SCREENS.EDITOR} component={Editor} />
+        <MainStack.Screen name={ROUTES.SCREENS.WEB_BROWSER} component={WebBrowser} />
       </MainStack.Group>
     </MainStack.Navigator>
   );

src/screens/webBrowser/screen/webBrowser.tsx

@@ -8,7 +8,6 @@ import styles from './webBrowserStyles';
 import { BasicHeader } from '../../../components';
 import EStyleSheet from 'react-native-extended-stylesheet';
 import { useIntl } from 'react-intl';
-import { WebViewError, WebViewErrorEvent } from 'react-native-webview/lib/WebViewTypes';
 
 export interface WebBrowserParams {
   url: string;
@@ -47,7 +46,7 @@ const WebBrowser = ({ navigation, route }: Props) => {
 
   const _onError = () => {
     Alert.alert(
-      intl.formatMessage({id:'alert.fail'}),
+      intl.formatMessage({ id: 'alert.fail' }),
     )
   }
 
@@ -75,7 +74,7 @@ const WebBrowser = ({ navigation, route }: Props) => {
         />
         {isLoading && (
           <ActivityIndicator
-            style={{ position: "absolute", top:16, left:0, right:0, alignItems:'center' }}
+            style={styles.loading}
             color={EStyleSheet.value('$primaryDarkGray')}
             size="large"
           />

src/screens/webBrowser/screen/webBrowserStyles.ts

@@ -3,17 +3,17 @@ import EStyleSheet from 'react-native-extended-stylesheet';
 export default EStyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor:'$primaryBackgroundColor'
+    backgroundColor: '$primaryBackgroundColor'
   },
   webView: {
-    flex:1, 
-    width:'100%'
+    flex: 1,
+    width: '100%'
   },
   loading: {
     position: "absolute",
-    top:16, 
-    left:0, 
-    right:0, 
-    alignItems:'center' 
+    top: 16,
+    left: 0,
+    right: 0,
+    alignItems: 'center'
   }
 });