如何使下拉选择器后的<View>组件不可见？

• 使用react-native-dropdown-picker组件后，其后方的<View>组件不会被下拉框遮挡，始终处于可见状态
• 若移除外层<View>仅保留<Text>组件，<Text>会被下拉框正常隐藏；但将<Text>嵌套在<View>内时，就不会被隐藏
• 尝试设置zIndex属性未生效，修改背景色也无法解决问题
• 相同代码在Expo示例环境中（添加zIndex后）可正常运行，下载到本地设备也能正常工作，但在自己的本地项目中完全无效，怀疑与React Native版本有关
• 本地项目的package.json依赖如下：

{
  "name": "Test",
  "version": "1.0.0",
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web"
  },
  "dependencies": {
    "expo": "^47.0.0",
    "expo-status-bar": "~1.4.2",
    "react": "18.1.0",
    "react-native": "0.70.5",
    "react-native-dropdown-picker": "^5.4.4"
  },
  "devDependencies": {
    "@babel/core": "^7.19.3"
  },
  "private": true
}

• 特殊现象：设置dropDownDirection='TOP'时，下拉框可以正常遮挡后方组件；使用元素检查器查看时，下拉框后的<View>显示为被隐藏状态

内容的提问来源于stack exchange，提问作者Mynameiswha