我使用这个代码弹出一个带有取消和提交选项的文本字段，但键盘也在显示。我不想显示键盘

import React, { useState } from 'react';
import { TextInput, Button, View, TouchableWithoutFeedback, Keyboard } from 'react-native';

const MyComponent = () => {
  const [text, setText] = useState('');
  const [isKeyboardVisible, setKeyboardVisible] = useState(false);

  const handleCancel = () => {
    // 处理取消逻辑
    setText('');
    setKeyboardVisible(false);
  };

  const handleSubmit = () => {
    // 处理提交逻辑
    setKeyboardVisible(false);
    // 其他逻辑...
  };

  const handleTextInputFocus = () => {
    setKeyboardVisible(true);
  };

  return (
    <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
      <View>
        <TextInput
          value={text}
          onChangeText={setText}
          onFocus={handleTextInputFocus}
        />
        {isKeyboardVisible && (
          <View>
            <Button title="取消" onPress={handleCancel} />
            <Button title="提交" onPress={handleSubmit} />
          </View>
        )}
      </View>
    </TouchableWithoutFeedback>
  );
};

export default MyComponent;