更改下拉标题的标题

Question

我使用的反应-本机-下拉-选择诉4.0.2；

我试图更改标题，这里我发现默认值选择一个项目，我如何更改默认标题，就像选择一个类别

这里是一个博览链接https://snack.expo.io/@mamun_121/testing_snack

import React, { Component } from 'react'
import { View } from 'react-native'
import SelectMultiple from 'react-native-select-multiple'
import Icon from 'react-native-vector-icons/Feather';
import DropDownPicker from 'react-native-dropdown-picker';


class Dropdown extends Component {
  
  state = {
    items: ['sports']
  }
  
  render () {
    return (
      <DropDownPicker
        items={[
          {label: 'Sports', value: 'sports', icon: () => <Icon name="flag" size={18} color="#900" />},
          {label: 'Books', value: 'book', icon: () => <Icon name="flag" size={18} color="#900" />},
        ]}

        placeholder="Select category"
        multiple={true}
        multipleText="%d categories have been selected."
        min={0}
        max={10}
        
        defaultValue={this.state.items}
        containerStyle={{height: 40}}
        itemStyle={{
          justifyContent: 'flex-start'
        }}
        onChangeItem={item => this.setState({
          items: item // an array of the selected items
        })}
      />
    )
  }
}
export default Dropdown;

​

​

Answer 1

你必须使用“占位符”道具而不是标签。

 <DropDownPicker
        items={[
          {label: 'Sports', value: 'sports', icon: () => <Icon name="flag" size={18} color="#900" />},
          {label: 'Books', value: 'book', icon: () => <Icon name="flag" size={18} color="#900" />},
        ]}
        
        placeholder="Select category"
        multiple={true}
        multipleText="%d categories have been selected."
        min={0}
        max={10}
        defaultValue={'sports'}
        containerStyle={{height: 40}}
        itemStyle={{
          justifyContent: 'flex-start'
        }}
        onChangeItem={item => this.setState({
          items: item // an array of the selected items
        })}
      />

工作小吃https://snack.expo.io/@guruparan/646ecd