无法打开DropDownPicker的下拉菜单-React本地

Question

我是新的反应本机，我试图使用DropDownPicker在react-native-dropdown-picker中，但我不能打开下拉查看DropDownPicker的内容，任何帮助都将受到高度赞赏。

<View style={styles.container}>
     <View style={styles.dropdownContainer}>
        /*this is the dropdown part*/
        <DropDownPicker  
            items={data} containerStyle={{height: 40}} 
            defaultValue={this.state.value} 
            placeholder={this.state.value}
            dropDownStyle={{backgroundColor: '#fafafa', position: 'absolute'}} 
            onChangeItem={item=>this.setState({value: item.value})}/>
    </View>
</View>

Answer 1

使用react本机下拉选择器-最新版本，(功能方法)

但我认为它可以很容易地转换成基于类的组件。

希望这能帮上忙！

export default function App() {
    const [open, setOpen] = useState(false);
    const [value, setValue] = useState("apple");
    const [items, setItems] = useState([
            {label: 'Apple', value: 'apple'},
            {label: 'Banana', value: 'banana'}
    ]);

       return (
    <View style={styles.container}>
        <View>
             <DropDownPicker
              open={open}
              containerStyle={{height: 40, backgroundColor:"red"}}
              value={value}
              items={items}
              setOpen={setOpen}
              setValue={setValue}
              setItems={setItems}
              />
         </View>
     </View>
    );
  }

const styles = StyleSheet.create({
    container: {
    flex: 1,
  },
});