当一个视图位于React Native中另一个视图的顶部时，任何单击或按下功能都会停止工作

import React from 'react';
import { View, TouchableWithoutFeedback, Text } from 'react-native';

const TopView = () => {
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Text>Top View</Text>
    </View>
  );
};

const BottomView = () => {
  const handlePress = () => {
    console.log('Button pressed');
  };

  return (
    <TouchableWithoutFeedback onPress={handlePress}>
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Text>Bottom View</Text>
      </View>
    </TouchableWithoutFeedback>
  );
};

const App = () => {
  return (
    <View style={{ flex: 1 }}>
      <TopView />
      <BottomView />
    </View>
  );
};

export default App;