react-native - 如何在 react native 中隐藏选择器选择句柄

Question

我正在使用<Picker>在react-native android应用程序中选择项目。它显示了一个供用户单击的右侧 handle 。有没有办法隐藏这个hande或者自定义它？

下面是我的代码:

<Picker
        style={this.props.style}
        selectedValue={this.state.title}
        mode={Picker.MODE_DROPDOWN}
        onValueChange={(t) => this.setState({title: t})}>
        {
          this.state.titles.map((title,i) => {
            return <Picker.Item key={i} label={title} value={title}/>
          })
        }
      </Picker>

Answer 1

如果您将 backgroundColor 样式添加到选择器组件，则可以删除插入符号。

  <Picker
    style={{backgroundColor: 'blue'}} // <---- Add backgroundColor style
    selectedValue={this.state.title}
    mode={Picker.MODE_DROPDOWN}
    onValueChange={(t) => this.setState({title: t})}>
    {
      this.state.titles.map((title,i) => {
        return <Picker.Item key={i} label={title} value={title}/>
      })
    }
  </Picker>