2017-05-30 2 views
0

私は反応ネイティブで新しく、ドロップダウンをクリックした場合はフォームを追加したいと思います。私はModalDropdownライブラリを使用します。しかし、私はそれを追加する混乱しています。おかげフォームをドロップダウンから追加するには、反応ネイティブでクリックしますか?

は、これはあなたがあなたの_status_onSelect関数の内部で何らかの方法でフォームを切り替える必要がある私のコード

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(idx, value) { 
    console.debug(`idx=${idx}, value='${value}'`); 
    this.setState({status: value, showForm: true}); 
} 

そして、あなたはそのようなあなたのrenderメソッドでUI要素を追加することができます:

{this.state.showForm ? 
<View> 
    // Your form content here 
</View> 
: null } 
関連する問題