在本机基本选择器中添加默认选择器项目

Posted 2023-02-25

【中文标题】在本机基本选择器中添加默认选择器项目

【英文标题】：Add Default Picker Item In Native Base Picker

【发布时间】：2019-11-26 07:50:59

【问题描述】：

我在我的 expo 应用程序中使用本机基础库。我正在绑定来自api 的选项，但问题是我无法像"Please Select" 这样添加默认Picker.Item。请给我一个解决方案。

<Picker
  mode="dropdown"
  selectedValue=this.state.selected
  style=styles.inputPicker
  onValueChange=this.onValueChange.bind(this)>
  this.courtsArray.map((item) => 
     return (<Picker.Item label=item.Name value=item.CountryCode key=item.ID/>);
  )
</Picker>

【参考方案1】：

选择器示例

import React, Component from 'react';
import View, Text, Picker, TouchableOpacity from 'react-native';

export default class Pickers extends Component 

  state = user: '';
  updateUser = user => 
    this.setState(user: user);
  ;

  render() 
    return (
      <View>
        <Text style=fontSize: 25, margin: 8, color: 'black'>
          Picker Select
        </Text>
        <View style=margin: 10, elevation: 1, borderWidth: 1>
          <Picker
            selectedValue=this.state.user
            pickerStyleType="android"
            onValueChange=this.updateUser
            mode="dialog">
            <Picker.Item label="React Native" value="React Native" />
            <Picker.Item label="Android Studio" value="Android Studio" />
            <Picker.Item label="Swift" value="Swift" />
          </Picker>
        </View>
        <Text
          style=
            alignSelf: 'center',
            fontSize: 20,
            fontWeight: 'bold',
            color: 'red',
          >
          this.state.user
        </Text>
      </View>
    );
  

祝你好运

【讨论】：

对不起，我不明白你的问题。