时间戳

首页 > 解决方案 > 如何在 React Native 的 Picker 中显示多个轮子或组件？

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

问题描述

我已经使用这个参考网址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。

请查看下图以进一步了解。

选择器

标签： react-native

解决方案

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

推荐阅读