可以使用SafeAreaView来包裹Modal的子组件,然后将Touchable组件放在SafeAreaView的内部。
代码示例:
import React, {useState} from 'react'; import {Modal, Text, TouchableOpacity, View, SafeAreaView} from 'react-native';
const ExampleModal = () => { const [modalVisible, setModalVisible] = useState(false);
return (
{
setModalVisible(true);
}}>
Show Modal
); };
export default ExampleModal;