Comment obtenir des valeurs qui sont en TextInput lorsque le Bouton est sur dans ReactNative

Veuillez vous référer à l'exemple ci-dessous:

Installation de l'état dans le constructeur

constructor(){
 super();
 this.state = {isLoggedIn : false, email :"", password : ""};
}

rendre méthode appelée lors du chargement de la page:

render() {
return (
  <View style={styles.container}>
    <TextInput style={styles.input}
      placeholder = "Username"
      returnKeyType = "next"
      underlineColorAndroid='transparent'
      onChange = {(text) => this.setState({email : text})}
    />
    <TextInput style={styles.input}
      secureTextEntry
      returnKeyType= 'go'
      onChange = {(password) => this.setState({password : password})}

appel onChange et setState de nom d'utilisateur et le mot de passe

cette.setState({mot de passe : mot de passe})}

      placeholder = "password"/>

    <TouchableOpacity style={styles.clickContainer} onPress=
{this.login.bind(this)}>
      <Text style={styles.buttonText} >Login</Text>
    </TouchableOpacity>
  </View>
);
  }

De la méthode d'identification obtenir le entrer le nom d'utilisateur et le mot de passe

login(){
 console.log(this.state.email);
 this.setState({isLoggedIn : true});
}

Dans votre état, vous avez un nom et un mot de passe et de votre render(), vous demandant un nom. Si vous souhaitez que le nom, vous pouvez le mettre dans l'état.

this.state = {
          username: '',
          password: '',
          name: ''
        } 

Si vous voulez obtenir le nom d'utilisateur et le mot de passe,

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

var styles = require('./Style/customStyle');

import Button from 'react-native-button';
import RadioButton from 'react-native-radio-button'

class AwesomeProject extends Component {

  constructor(props){
    super(props)

    this.state = {
      username: '',
      password: '',
    }
  }

  onUsernameChange(username) {
     let s = this.state;
     s.username = username;
     this.setState(s);   
  }

  onPasswordChange(password) {
     let s = this.state;
     s.password = password;
     this.setState(s);   
  }

  render() {
    return (
    <ScrollView style={styles.content}>
      <View style={styles.content}>

        <Text style={styles.welcome}>
          Create Account
        </Text>

        <Text style={styles.textStyle}>
          Name
        </Text>

        <TextInput
          style={styles.textInputStyle}
          placeholder="Enter Username"
          returnKeyLabel = {"next"}
          onChangeText={this.onUsernameChange}
        />

        <TextInput
          style={styles.textInputStyle}
          placeholder="Enter Password"
          returnKeyLabel = {"next"}
          onChangeText={this.onPasswordChange}
        />

        <Button style={styles.buttonStyle}>
              Submit
        </Button>

        </View>
      </ScrollView>
    );
  }
}

AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);