remove Animated View in header

This commit is contained in:
ammarahm-ed
2020-11-23 11:33:26 +05:00
parent 0d5961ac9a
commit bf44c851bf

View File

@@ -1,19 +1,17 @@
import React, {useEffect, useState} from 'react'; import React, { useEffect, useState } from 'react';
import {ActivityIndicator, Platform, StyleSheet, View} from 'react-native'; import { ActivityIndicator, Platform, StyleSheet, View } from 'react-native';
import * as Animatable from 'react-native-animatable'; import { useSafeAreaInsets } from 'react-native-safe-area-context';
import {useSafeAreaInsets} from 'react-native-safe-area-context'; import { useTracked } from '../../provider';
import {useTracked} from '../../provider'; import { eSubscribeEvent, eUnSubscribeEvent } from '../../services/EventManager';
import {DDS} from '../../services/DeviceDetection';
import {eSubscribeEvent, eUnSubscribeEvent} from '../../services/EventManager';
import NavigationService from '../../services/Navigation'; import NavigationService from '../../services/Navigation';
import {dWidth, getElevation} from '../../utils'; import { dWidth } from '../../utils';
import {eScrollEvent} from '../../utils/Events'; import { eScrollEvent } from '../../utils/Events';
import {SIZE} from '../../utils/SizeUtils'; import { SIZE } from '../../utils/SizeUtils';
import {ActionIcon} from '../ActionIcon'; import { ActionIcon } from '../ActionIcon';
import {SearchInput} from '../SearchInput'; import { SearchInput } from '../SearchInput';
import {HeaderLeftMenu} from './HeaderLeftMenu'; import { HeaderLeftMenu } from './HeaderLeftMenu';
import { HeaderRightMenu } from './HeaderRightMenu'; import { HeaderRightMenu } from './HeaderRightMenu';
import {HeaderTitle} from './HeaderTitle'; import { HeaderTitle } from './HeaderTitle';
export const Header = ({root}) => { export const Header = ({root}) => {
const [state] = useTracked(); const [state] = useTracked();
@@ -69,9 +67,7 @@ export const Header = ({root}) => {
</View> </View>
) : null} ) : null}
<Animatable.View <View
transition={['opacity']}
duration={300}
style={[ style={[
styles.loadingContainer, styles.loadingContainer,
{ {
@@ -87,7 +83,7 @@ export const Header = ({root}) => {
]} ]}
/> />
<ActivityIndicator size={25} color={colors.accent} /> <ActivityIndicator size={25} color={colors.accent} />
</Animatable.View> </View>
{currentScreen === 'search' ? ( {currentScreen === 'search' ? (
<View style={styles.rightBtnContainer}> <View style={styles.rightBtnContainer}>