React Native-对话框显示时保留键盘

import React, { useState } from 'react';
import { View, TextInput, Button, KeyboardAvoidingView, Alert } from 'react-native';

const App = () => {
  const [dialogVisible, setDialogVisible] = useState(false);
  const [inputValue, setInputValue] = useState('');

  const showDialog = () => {
    setDialogVisible(true);
  };

  const hideDialog = () => {
    setDialogVisible(false);
  };

  const handleInput = (text) => {
    setInputValue(text);
  };

  const handleSubmit = () => {
    if (inputValue.trim() === '') {
      Alert.alert('Error', 'Please enter a value');
    } else {
      // 处理对话框提交逻辑
      hideDialog();
    }
  };

  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Button title="Show Dialog" onPress={showDialog} />
      <KeyboardAvoidingView behavior="padding" enabled={dialogVisible}>
        {dialogVisible && (
          <View style={{ backgroundColor: 'white', padding: 20 }}>
            <TextInput
              style={{ height: 40, borderColor: 'gray', borderWidth: 1, marginBottom: 10 }}
              onChangeText={handleInput}
              value={inputValue}
            />
            <Button title="Submit" onPress={handleSubmit} />
          </View>
        )}
      </KeyboardAvoidingView>
    </View>
  );
};

export default App;