Javascript react本机下拉选择器列出的项目未正确显示（覆盖）

我已经用“react native DropDown picker”包创建了DropDown picker，列出了所有项目，但它在另一个组件上看起来是透明的。有人能帮我解决这个问题吗

这里是我的源代码：

import React, {useState} from 'react';
import {View, Text, Button, ScrollView, StyleSheet} from 'react-native';
import DropDownPicker from 'react-native-dropdown-picker';

  
const App = () => {
  const [myArray, setMyArray] = useState([]);
  const [open, setOpen] = useState(false);
  const [value, setValue] = useState(null);
  const [items, setItems] = useState([
    {label: 'Apple', value: 'apple'},
    {label: 'Banana', value: 'banana'}
  ]);

  return (
      <View style={styles.container}>
        <Button title="Check"/>
        <Text>Hello world</Text>
        <DropDownPicker
          open={open}
          value={value}
          items={items}
          setOpen={setOpen}
          setValue={setValue}
          setItems={setItems}
        />
        <Button title="Check"/>
        <Text>Hello world</Text>
        <Button title="Check"/>
        <Text>Hello world</Text>
        <Button title="Check"/>
        <Text>Hello world</Text>
        <Button title="Check"/>
        <Text>Hello world</Text>
        <Button title="Check"/>
        <Text>Hello world</Text>
      </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    textAlign: 'center',
  },
});
export default App;

import React，{useState}来自“React”；
从“react native”导入{视图、文本、按钮、滚动视图、样式表}；
从“反应本机下拉选择器”导入下拉选择器；
常量应用=（）=>{
const[myArray，setMyArray]=useState（[]）；
const[open，setOpen]=useState（false）；
const[value，setValue]=useState（null）；
const[items，setItems]=useState([
{标签：'Apple'，值：'Apple'}，
{标签：'Banana'，值：'Banana'}
]);
返回(
你好，世界
你好，世界
你好，世界
你好，世界
你好，世界
你好，世界
);
};
const styles=StyleSheet.create({
容器：{
弹性：1，
对齐项目：“居中”，
为内容辩护：“中心”，
textAlign:'中心'，
},
});
导出默认应用程序；

预期：

---

列出的项目需要在没有覆盖的情况下正确显示，按钮要在scrollview下拉列表后显示。

问题似乎不仅仅是透明度。如果您注意到，凸起的按钮出现在下拉列表的行上方

这意味着

z-index

在这里也是一个问题

将

dropDownContainerStyle={{backgroundColor:'white'，zIndex:1000，elevation:1000}}

添加到

DropDownPicker

组件中

---

这将修复

透明度

以及

zIndex

添加样式={{{backgroundColor:'white'，zIndex:10000}}}到下拉选择器，但没有运气。还是同样的问题。尝试使用创建一个可复制的。我创建了这一个--它似乎工作得很好。在网络视图中，它工作得很好，但在android中不工作。你能切换到Android并运行一次吗。更新了我的答案。假设您使用的是包的最新版本，请从示例代码中检查找到的解决方案。我在dropDownContainerStyle中添加了“标高：1000”，它工作正常。确切的代码是“dropDownContainerStyle={{backgroundColor:'white'，zIndex:1000，elevation:1000}”。谢谢你的帮助。