有没有一种方法可以解除SearchBar的焦点？

import React, { useRef } from 'react';
import { SearchBar } from 'react-native-elements';

const MyComponent = () => {
  const searchBarRef = useRef(null);

  const clearFocus = () => {
    searchBarRef.current.blur();
  };

  return (
    <>
      <SearchBar
        ref={searchBarRef}
        placeholder="Type Here..."
        lightTheme={true}
        round={true}
      />
      <Button title="Clear Focus" onPress={clearFocus} />
    </>
  );
};

export default MyComponent;

import React from 'react';
import { SearchBar } from 'react-native-elements';

const MyComponent = () => {
  const handleSubmitEditing = () => {
    // 这里可以添加其他逻辑
    // 自动移除焦点
  };

  return (
    <SearchBar
      placeholder="Type Here..."
      lightTheme={true}
      round={true}
      onSubmitEditing={handleSubmitEditing}
    />
  );
};

export default MyComponent;

import React from 'react';
import { SearchBar, TouchableWithoutFeedback, Keyboard } from 'react-native';

const MyComponent = () => {
  return (
    <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
      <SearchBar
        placeholder="Type Here..."
        lightTheme={true}
        round={true}
      />
    </TouchableWithoutFeedback>
  );
};

export default MyComponent;