如何从下拉列表中添加表单点击反应原生?

时间:2017-05-30 09:31:05

标签: react-native dropdown

我是新的本地反应,我想在点击下拉列表时添加表单。我使用ModalDropdown库。但是,我很困惑地补充说。感谢

这是我的代码

const OPTION_STATUS = ['option1', 'option2', 'option3'];

class.....{
return(
<ModalDropdown

                  options={this.state.status_option}
                  defaultIndex={-1}
                  defaultValue={'Please select Status Update'}
                  onDropdownWillShow={this._status_willShow.bind(this)}
                  onDropdownWillHide={this._status_willHide.bind(this)}
                  onSelect={(idx, value) => this._status_onSelect(idx, value)}
                />
);

 _status_willShow() {
    setTimeout(() => this.setState({
      status_option: OPTION_STATUS,
    }), 2000);
  }

  _status_willHide() {
    this.setState({
      status_option: null,
    });
  }

  _status_onSelect(idx, value) {
    console.debug(`idx=${idx}, value='${value}'`);
    this.setState({status: value});
  }
}

1 个答案:

答案 0 :(得分:0)

您需要在(255, 0, 0)函数内以某种方式切换表单。

示例:

_status_onSelect

然后您可以在渲染方法中添加UI元素,如下所示:

_status_onSelect(idx, value) {
    console.debug(`idx=${idx}, value='${value}'`);
    this.setState({status: value, showForm: true});
}