2017-02-06 3 views
0

Je testais le composant Picker de Ant Design Mobile avec React Native. Mais le sélecteur n'apparaît pas du bas de l'écran comme il le fait dans la démo (https://mobile.ant.design/components/picker/) quand je l'ai pressé.Ant Design Mobile Picker ne s'affiche pas à partir du bas lorsqu'il est utilisé dans React Native

I d'abord défini un tableau de données:

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

J'inclus le composant Picker dans la méthode render:

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

Mais quand j'appuyé sur le champ 'option' sur l'écran, rien ne s'est passé. Le sélecteur n'a pas surgi.

Fait intéressant, bien que, quand je mets le composant DatePicker dans la méthode render simplement comme ceci:

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

Le DatePicker ne pop-up quand je pressai. Donc, je ne sais pas ce que j'ai fait de mal ici. Comment puis-je réparer ça?

Répondre

2

Maintenant vous avez besoin de triggerType="onClick" prop à Picker composant. Et nous l'avons corrigé dans la prochaine version. Les paramètres prop du même composant sont un peu différents entre Web et RN pour le moment.