如何从点击的图像添加表单反应原生？

Question

我是反应原生的新人，我想在底部添加表单，如果点击图片的本地反应。这是我的代码

<View>
     <TouchableHighlight onPress={() => this._addForm()}>
                      <Image source={require('../images/plus.png')} />
     </TouchableHighlight>
</View>

{this._addForm()}

这个功能

 _addForm(){
             <View>
                <TextInput 
                autoCorrect={false} 
                style={styles.inputVal} 
                onChangeText={(category) => this.setState({category})}/>
              </View>
  }

请帮忙。感谢

Answer 1

一种方法如下：

class MyComponent extends React.Component {

    constructor(props) {
        super(props);
        this._toggleForm = this._toggleForm.bind(this);
        this.state = {
            showForm: false,
        };
    }

    _toggleForm() {
        this.setState({
            showForm: !this.state.showForm
        })
    }

    render() {
        return (
            <View>
                <View>
                    <TouchableHighlight onPress={this._toggleForm}>
                        <Image source={require('../images/plus.png')} />
                    </TouchableHighlight>
                </View>
                {this.state.showForm ?
                <View>
                    // Add your form here
                </View>
                : null }
            </View>
        )
    }

}

module.exports = MyComponent;

还有其他方法可以做到这一点。