如何从下拉选择器中显示和选择条目

Question

我想创建一个选择下拉在我的反应本地应用程序。我用反应本地下拉采摘器来做这个。使用当前的实现，我只能显示类似下拉列表的内容，但无法打开它并选择我在代码中添加的项。我错过了什么？

以下是我的实现：

import DropDownPicker from "react-native-dropdown-picker";
import { View } from "react-native";

const Test = () => {
  return (
    <View>
      <DropDownPicker
        items={[
          { label: "Item 1", value: "item1" },
          { label: "Item 2", value: "item2", selected: true },
        ]}
        onChangeItem={(item) => console.log(item.label, item.value)}
      />
    </View>
  );
};

Answer 1

您正在查看的文档没有为正确使用提供代码。实际的文档是这里。

import DropDownPicker from 'react-native-dropdown-picker';

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

  return (
    <DropDownPicker
      open={open}
      value={value}
      items={items}
      setOpen={setOpen}
      setValue={setValue}
      setItems={setItems}
    />
  );
}