当键盘在模态中打开时，模态在真实的 Android 设备中关闭

Question

当我单击列表的最后一个按钮或与屏幕底部对齐的按钮并将焦点放在 TextInput 上时，模态会自动关闭，不会出现任何错误。这种情况仅发生在 Android 真实设备上。iOS 或 Android 模拟器上不会出现此问题。

import React, {useState} from 'react';
import {
  FlatList,
  TouchableOpacity,
  Button,
  Modal,
  TextInput,
} from 'react-native';

const data = [
  0,
  1,
  2,
  3,
  4,
  5,
  6,
  7,
  8,
  9,
  0,
  1,
  2,
  3,
  4,
  5,
  6,
  7,
  8,
  9,
  0,
  1,
  2,
  3,
  4,
  5,
  6,
  7,
  8,
  9,
];

const Item = () => {
  const [state, setState] = useState(false);
  return (
    <>
      <TouchableOpacity style={{marginTop: 10}}>
        <Button title="Open" onPress={() => setState(true)} />
      </TouchableOpacity>
      <Modal visible={state}>
        <TextInput placeholder="Type" />
        <Button title="Close" onPress={() => setState(false)} />
      </Modal>
    </>
  );
};

const App = () => {
  return <FlatList data={data} renderItem={() => <Item />} />;
};

export default App;

Answer 1

将模态移到平面列表之外。