How to put Picker to start with "Select" in React Native

Question

I want to put the Picker to start with: "Select", the only alternative I found was to determine a Picker.item with label="Select" and value=" ". However it looks unpleasant at the time the user will select, look at the image below:

My code is like this:

  <Picker
      selectedValue={this.props.genero}
      onValueChange={this.props.modificaGenero}
      style={{ height: 35, width: 150 }}>
      <Picker.Item label="Selecione" value="" />
      <Picker.Item label="Masculino" value="masculino" />
      <Picker.Item label="Feminino" value="feminino" />
   </Picker>

I’m sure this is a wrong programming practice.

Answer 1

Luke, I also don’t know a way to hide the first item of selects, but there’s one thing you can do! You can pass a property color="#00000090" in the first item, to give an opacity in the text.

Thus, we get a contrast with the other items.