React Native應用狀態作爲Picker項目的數組值

Question

我在我的state中有一個名爲Categories的數組。

這些是它的值：['Food', 'Home', 'Savings']。

我的目標是我需要將它們呈現爲Picker.items供我的用戶選擇。

這怎麼可能？

我試圖用一個ListView對象Picker裏面，但是，當我瀏覽到該頁面，

AppName的停止工作

提示。

Answer 1

你不需要內picker

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 (<Item label={this.props.options[key]} value={key} key={key}/>) //if you have a bunch of keys value pair 
    })} 
</Picker> 

2使用列表視圖）當你有值的數組

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 (<Item label={item} value={index} key={index}/>) 
    })} 
</Picker> 

Answer 2

修正了幾個語法錯誤

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