Wie fügen Sie Formular aus dem Bild ein, klicken Sie auf reagieren nativ?

Question

ich bin neu in reagieren native, ich möchte Formular in der Unterseite hinzufügen, wenn Bild in reagieren native geklickt. dies ist mein Code

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

{this._addForm()} 

diese Funktion

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

bitte helfen. Dank

Answer 1

Ein Ansatz wäre die folgende:

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; 

Es gibt auch andere Möglichkeiten, es auch zu tun.