Réagir Natif appliquer tableau de valeurs à partir de l'état en tant que Sélecteur d'éléments

J'ai un tableau dans mon state nommé Categories.

Ce sont ses valeurs: ['Food', 'Home', 'Savings'].

Mon objectif est que j'en ai besoin pour être rendu comme Picker.items pour mon utilisateur à sélectionner.

Comment est-ce possible?

J'ai essayé d'utiliser ListView à l'intérieur d'un Picker objet, mais quand j'ai accédez à cette page,

AppName cessé de Travailler

invites.

OriginalL'auteur jglosbanes | 2017-03-25

  1. 19

    Vous n'avez pas besoin d'utiliser listview dans sélecteur de

    var options ={
    "1": "Home",
    "2": "Food",
    "3": "Car",
    "4": "Bank",
};

<Picker
    style={{your_style}}
    mode="dropdown"
    selectedValue={this.state.selected}
    onValueChange={()=>{}}>
    {Object.keys(options).map((key) => {
        return (<Picker.Item label={this.props.options[key]} value={key} key={key}/>) //if you have a bunch of keys value pair
    })}
</Picker>

    2) Lorsque vous avez un tableau de valeurs 

    var options =["Home","Savings","Car","GirlFriend"];

<Picker
    style={{your_style}}
    mode="dropdown"
    selectedValue={this.state.selected}
    onValueChange={()=>{}}> //add your function to handle picker state change
    {options.map((item, index) => {
        return (<Picker.Item label={item} value={index} key={index}/>) 
    })}
</Picker>
    Bonjour Monsieur, Merci pour la solution, Il a travaillé, mais il a alerté les avertissements. Il est dit " de Réagir.createElement: type n'est pas valide " Sir où vais-je importer l'Élément composant?
    Jamais l'esprit, je viens de changer le <Article> <Sélecteur.Item />. Les alertes ont disparu par la suite. Merci encore Gentil Monsieur.
    Salut bro, je ne suis pas "MONSIEUR" juste un collègue programmeur comme vous.Vous pouvez remplacer l'Élément avec le Sélecteur.Rubrique ou case facebook.github.io/react-native/docs/picker.html par exemple
    lorsqu'on l'a essayé, comme {options.map((item, index) => { return (<Picker.Item label={item} value={index} key={index}/>) })} , j'obtiens l'erreur - Invalid prop étiquette " du type object fourni à PickerItem, devrait string.`
    enfin travaillé 🙂

    OriginalL'auteur Manjeet Singh

  2. 6

    corrigé quelques erreurs de syntaxe

    {options.map((item, index) => {
   return (< Picker.Item label={item} value={index} key={index} />);
})}

    OriginalL'auteur Dmitry Preeternal