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

Question

我正在使用 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'},
]; 

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

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

但是当我按下屏幕上的“选项”字段时，什么也没有发生。选择器没有弹出。

有趣的是，当我将 DatePicker 组件放入渲染方法中时，就像这样:

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

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

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

Answer 1

现在您需要将 triggerType="onClick" 属性传递给 Picker 组件。我们已在下一个版本中修复了该问题。目前，Web 和 RN 之间同一组件的 prop 设置略有不同。