当键盘在模态中打开时，模态在真正的安卓设备中关闭

Question

当我单击列表的最后一个按钮或与屏幕底部对齐的按钮并专注于文本输入时，模态会自动关闭，没有任何错误。这只发生在安卓真实设备上。此问题不会在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

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