如何在React Native的Picker中显示多个轮子或组件？

Question

我已经使用这个参考网址https://snack.expo.io/HkjxvRS-W在React Native中添加Picker，但是这里只显示了Picker中的一个轮子，但我想在Picker中显示两个轮子，那么我该怎么做呢？有人有任何想法吗？

import React, { Component } from 'react';
import { Text, View, StyleSheet, Picker } from 'react-native';

export default class HomePage extends Component {
    constructor(props) {
        super(props);
        this.state = {
            selectedValue: ''
            arrayPickers: ['One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine', 'Ten']
        }
    }

    render() {
       return (
          <View style={styles.container}>
          <Picker
            style={{width: 320}}
            selectedValue={this.state.selectedValue}
            onValueChange={(value) => this.setState({selectedValue: value})}>
            {this.state.arrayPickers.map((value, index) => (
                <Picker.Item label={value} value={value} key={index}           />
             ))}
          </Picker>
        </View>
      );
    }
}

从上面代码我可以在Picker中显示一个Wheel或Component，但我想在Picker中显示两个Wheel或Component。

请看下面的图片以便进一步了解。

Picker

Answer 1

这是一个可以用来实现你想要的react-native-picker的库，因为没有指明你想要或发布任何源代码的方式，我觉得这可以帮助你。