Example of standard react-native form component with state

rn-form-example.js

import React, { Component } from 'react';
import { StyleSheet, Text, TextInput, View, Button } from 'react-native';

class MyForm extends Component {
    constructor(props) {
        super(props);
        this.state = {
            name: "",
            email: ""
        }

        this.handleSendClick = this.handleSendClick.bind(this);
    }

    handleSendClick() {
        // necessary validation

        // everything is valid - send form data up 
        this.props.handleSubmit(this.state);
    }

    render() {
        return (
            <View>
                <TextInput
                    onChangeText={(name) => this.setState({ name })}
                    value={this.state.name}
                />

                <TextInput
                    onChangeText={(email) => this.setState({ email })}
                    value={this.state.email}
                />

                <Button onPress={this.handleSendClick} title="Send" />
            </View>
        )
    }
}

export default MyForm;