如何从下拉选择器 React Native 中显示和选择项目

Question

我想在我的 React Native 应用程序中创建一个选择器下拉菜单。 我为此使用React Native 下拉选择器。 使用我当前的实现，我只能显示一些看起来像下拉列表的东西，但我无法打开它并选择我在代码中添加的项目。 我想念什么？

这是我的实现：

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}
    />
  );
}