我正在使用 React Native 测试来自 Ant Design Mobile 的 Picker 组件。但是当我按下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>
但是当我按下屏幕上的“选项”字段时,什么也没发生。选择器没有弹出。
不过,有趣的是,当我将 DatePicker 组件放入 render 方法时,就像这样:
<DatePicker>
<List.Item>Pick a Date</List.Item>
</DatePicker>
当我按下 DatePicker 时,它确实弹出了。
所以我不知道我在这里做错了什么。我该如何解决?