Question

我正在使用<Picker>来选择react-native android app中的项目。它显示了用户单击的正确句柄。有没有办法隐藏这个汉德或自定义它？

以下是我的代码：

<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

您可以尝试使用NativeBase Picker来自定义选择器。

native picker component on iOS and Android

Answer 2

如果将 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>

如何在react-native中隐藏Picker select handle

2 个答案: