index5.js

import Animated, { useAnimatedStyle, useSharedValue, withTiming} from 'react-native-reanimated';

...

return (

    <View style={styles.searchTopContainer}>

      {/* Added InputLengthStyles animated styles */}

      <Animated.View style={[styles.searchContainer, InputLengthStyles]}>

        {/* Added SearchTextPlacementStyles animated styles */}

        <Animated.View style={[styles.search, SearchTextPlacementStyles]}>

          <Icon name="search-outline" size={18} style={styles.searchIcon} />
          {/* TextInput */}

          <TextInput
            placeholder={'Search'}
            style={{fontSize: 16, paddingRight: 20}}
          />

        </Animated.View>

      </Animated.View>
      
      {/* Cancel button */}
      {/* Added CancelBtnStyles animated styles */}

      <Animated.View style={[styles.cancelBtnContainer, CancelBtnStyles]}>

        <TouchableOpacity onPress={() => {}}>
          <Text>Cancel</Text>
        </TouchableOpacity>

      </Animated.View>

    </View>

  );
};

...