在 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略有不同
我正在使用 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略有不同