2017-05-30 27 views
0

我是新的反應本地,我想添加表單,如果下拉單擊。我使用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}); 
    } 
} 

回答

0

你需要切換的形式以某種方式您_status_onSelect函數中。

例子:

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

然後你就可以添加你的渲染方法的UI元素,像這樣:

{this.state.showForm ? 
<View> 
    // Your form content here 
</View> 
: null }