javascript - 如何在 react-native-dropdown-picker 中调整模型大小

Question

我使用 react-native-dropdown-picker 在 Modal 中显示项目。问题是模式以全屏移动显示，我无法调整它的大小。我尝试了下面的代码，但没有运气。任何人都可以帮助解决这个问题吗？

示例代码：

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}

        listMode="MODAL"   // list mode is MODAL
        modalProps={{ animationType: "fade", width: "50%", height: '50%'}}
        modalContentContainerStyle={{backgroundColor: "#fff", width:'50%', height:'50%'}}
    />
  );
}

预期：模态容器应显示为 react-native 模态弹出窗口。