要解决Ant-Design React-Native搜索栏取消按钮在被按下时无法隐藏自身的问题，可以使用状态管理来控制取消按钮的显示与隐藏。下面是一个简单的代码示例：

import React, { useState } from 'react';
import { View, TextInput, Button } from 'react-native';
import { SearchBar } from 'react-native-elements';

const SearchComponent = () => {
  const [searchText, setSearchText] = useState('');
  const [showCancelButton, setShowCancelButton] = useState(false);

  const handleSearch = () => {
    // 处理搜索逻辑
  };

  const handleCancel = () => {
    setSearchText('');
    setShowCancelButton(false);
  };

  const handleInputChange = (text) => {
    setSearchText(text);
    setShowCancelButton(text !== '');
  };

  return (
    
      
      {showCancelButton && (
        
      )}
    
  );
};

export default SearchComponent;

在上面的代码中，我们使用useState来创建两个状态变量searchText和showCancelButton。searchText用于存储搜索框中的文本，而showCancelButton用于控制取消按钮的显示与隐藏。

在handleInputChange函数中，我们监听搜索框的输入变化，并根据输入文本的有无来设置showCancelButton的值。如果有输入文本，则显示取消按钮，否则隐藏。

在handleCancel函数中，我们清空搜索框的文本并将showCancelButton设置为false，以隐藏取消按钮。

最后，在SearchBar组件中，我们根据showCancelButton的值来显示或隐藏取消按钮，并在按钮被按下时调用handleCancel函数。

通过以上的代码，你可以实现Ant-Design React-Native搜索栏取消按钮在被按下时能够正确隐藏自身的功能。