Przeglądaj źródła

spinner on Loading component

Viktoriia 7 miesięcy temu
rodzic
commit
9497ea5773
1 zmienionych plików z 4 dodań i 1 usunięć
  1. 4 1
      src/components/Loading/index.tsx

+ 4 - 1
src/components/Loading/index.tsx

@@ -2,11 +2,14 @@ import React from 'react';
 import { View } from 'react-native';
 
 import Logo from '../../../assets/images/logo.svg';
+import { ActivityIndicator } from 'react-native-paper';
+import { Colors } from 'src/theme';
 
 export const Loading = () => {
   return (
     <View style={{ width: '100%', height: '100%', justifyContent: 'center', alignItems: 'center' }}>
-      <Logo width={96} height={96} />
+      <Logo width={96} height={96} style={{ position: 'absolute' }} />
+      <ActivityIndicator size={32} color={Colors.DARK_BLUE} style={{ marginTop: '50%' }} />
     </View>
   );
 };