React Native如何以编程方式打开react-native-dropdown-picker

Question

有没有办法以编程方式打开picker的项目下拉列表？如何获取所选项目的值(本例中为string)以用于其他用途？我使用的是react-native-dropdown-picker库

一开始我有这样的想法：

​

然后当我点击它时，我会看到：

​

我想以某种方式以编程方式打开这个选择器，以跳过第二步，这样选择器就会自动打开，我得到的结果是：

​

Answer 1

您只需更新DropDownPicker的open Prop即可。

在本例中，DropDownPicker将在挂载组件时打开。

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

  useEffect(() => {
    setOpen(true); // this will trigger the dropdown visibility
  }, []);

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