在 React Native 中使用时,Ant Design Mobile Picker 不会从底部弹出

Ant Design Mobile Picker doesn't pop up from bottom when used in React Native

我正在使用 React Native 测试来自 Ant Design Mobile 的 Picker 组件。但是当我按下选择器时,它不会像在演示 (https://mobile.ant.design/components/picker/) 中那样从屏幕底部弹出。

我先定义了一个数据数组:

const testData = [
    {value: 1, label: '1'},
    {value: 2, label: '2'},
    {value: 3, label: '3'},
]; 

然后我在 render 方法中包含了 Picker 组件:

<Picker
    data={testData}
    values={[1]}
    cols={1}>
    <List.Item arrow="horizontal">Option</List.Item>
</Picker>

但是当我按下屏幕上的 'Option' 字段时,没有任何反应。选择器没有弹出。

不过,有趣的是,当我将 DatePicker 组件放入 render 方法时,就像这样:

<DatePicker>
    <List.Item>Pick a Date</List.Item>
</DatePicker>

当我按下 DatePicker 时确实弹出了它。

所以我不知道我在这里做错了什么。我该如何解决这个问题?

现在您需要 triggerType="onClick" 支持 Picker 组件。我们已经在下一个版本中修复了它。同一个组件的prop设置,目前Web和RN略有不同