title: Passing values after clicking on the Button - React Native
body: <p>How can I pass all values inside Render() method after I click on the button Send? Inside this Render() method I return some Flatlists, Views, Signature, etc. So, is it possible to pass all of these values to another page only by a click of a button.</p>
  
  <p>Please let me know if you dont have the question clear so I can add some more explanation.</p>
  
  <p>See below for the code (Edited).</p>
  
  <p>I appreciate any suggestion or help!</p>
  
  <p>EDIT:</p>
  
  <pre><code>    renderTextandInputs = (obje) =&gt; {
      var keyvalue_to_json = JSON.parse(obje.keyValues);
      var foundTextFields = [];
      for (let i = 0; i &lt; keyvalue_to_json.length; i++) {
        if (keyvalue_to_json[i].type === 'textfield') {
          foundTextFields.push(&lt;TextInput style={{ borderWidth: 1, flex: 1, alignItems: 'flex-start' }}&gt;{keyvalue_to_json[i].placeholderText}&lt;/TextInput&gt;)
        }
      }
      return (
        &lt;View&gt;
          &lt;ScrollView&gt;
            &lt;ListItem
              title={obje.name}
              subtitle={obje.description}
            /&gt;
  
          &lt;/ScrollView&gt;
          &lt;View &gt;
            {foundTextFields}
          &lt;/View&gt;
        &lt;/View&gt;
  
      )
    }
  
  
    render() {
  
      const obj = this.props.navigation.state.params.item;
      var propsArray = [];
      const itemArray = Object.assign(obj)
      propsArray.push(itemArray)
  
      keyExtractor = (item, index) =&gt; {
        return index.toString();
      }
  
      return (
        &lt;View&gt;
          &lt;View&gt;
            &lt;FlatList
              key={this.keyExtractor}
              data={propsArray}
              renderItem={({ item }) =&gt; this.renderTextandInputs(item)}
            /&gt;
          &lt;/View&gt;    
          &lt;View &gt;
            {this.state.signature ? (
              &lt;Image
                resizeMode={"contain"}
                source={{ uri: this.state.signature }}
              /&gt;
            ) : null}
          &lt;/View&gt;
  
          &lt;Modal isVisible={this.state.isModalVisible}
            onBackdropPress={() =&gt; this.setState({ isModalVisible: false })}
          &gt;       
            &lt;Signature
              width="100"
              onOK={this.handleSignature}
              descriptionText="Sign"
              clearText="Clear"
              confirmText="Save"
              webStyle={style}
            /&gt;
          &lt;/Modal&gt;
  
          &lt;View&gt;
            &lt;Button title="SIGN" onPress={this._toggleModal} /&gt;
          &lt;/View&gt;
  
          &lt;View&gt;
            &lt;Button title="Send" onPress={this._onSendDoc} /&gt;
          &lt;/View&gt;
  
        &lt;/View&gt;
      );
    }
  
  _onSendDoc = (item) =&gt; {
      this.props.navigation.navigate('Detail', { item: item })
    }
  }
  </code></pre>