如何在React Native中显示数组中具有动态值的Picker.Item标签

时间:2018-11-16 06:13:27

标签: arrays react-native dropdown picker

如何从数组中选择“ Picker.Item”的“标签”。 我的选择器代码如下:

<View style={Styles.inputWrapper}>
<Picker
selectedValue={this.state.expiryYear}
style={Styles.expYear}
onValueChange={(itemValue, itemIndex) => this.setState({ expiryYear:
itemValue })}>

<Picker.Item label="select" value="0" />
<Picker.Item label="2018" value="2018" />
<Picker.Item label="2019" value="2019" />
<Picker.Item label="2020" value="2020" />
<Picker.Item label="2021" value="2021" />
.
.
.
<Picker.Item label="2030" value="2030" />
</Picker>
</View>

我有一个数组'years []',其值是2018,2019,...,2030

        var years = [];
        for (y = 2018; y <= 2030; y++) {
          years.push([y]);
        }

在下拉列表中我想显示年份

1 个答案:

答案 0 :(得分:1)

  

您需要在<Picker> CODE </Picker>

之间添加以下代码
    years.map((year) => {
        return (
            <Picker.Item label={year} value={year} />
        )
    })

years是一个数组,具有任何您想要呈现的值。(我的意思是多少年)