TextInput onChangeText funktioniert nicht React Native

Question

Ich bin sehr neu auf dieser Plattform, es ist mein zweiter Tag auf diesem. Ich versuche, es selbst zu lernen, indem ich ein einfaches Login erstelle, mich anmelde, Newsfeed-Anwendung. ich bin der Lage, Login-Seite zu bauen, aber während Werte von Input bekommen, zeigt es mir Fehlermeldung, dass „nicht beide Wert und Kinder angeben“, hier ich meine login.js Klasse mich bin Entsendung

import React, { Component, PropTypes } from 'react'; 

import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    View, 
    Image, 
    TouchableOpacity, 
    TextInput, 
    Icon, 
} from 'react-native'; 

export default class LoginScreen extends Component { 

constructor(props){ 
super(props); 
this.state = { 
      username :'', 
      password:'' 
     }; 
} 
login =() => { 
alert(this.state.username + " " + this.state.password); 
} 
    render() { 
     return (
<View style = {styles.container}> 

<Image source = {require('../images/hulk.jpg')} style={styles.backgroundimage}> 
<View style = {styles.content}> 
<Image source = {require('../images/logo.png')} style={styles.logo}> 
</Image> 

<View style = {styles.inputcontainer}> 

<TextInput underLineColorAndroid='transparent' style={styles.input} value = {this.state.username} onChangeText={(username) => this.setState({username})} placeholderText='username' > </TextInput> 

<TextInput secureTextEntry={true} underLineColorAndroid='transparent' style={styles.input} value = {this.state.password} onChangeText={(password) => this.setState({password})} placeholderText='password' placeholderTextColor='black'> </TextInput> 

</View> 
<TouchableOpacity onPress={this.login} style={styles.buttonContainer}> 
<Text style={styles.buttonText}>LOGIN</Text> 
</TouchableOpacity> 
</View> 
</Image> 
</View> 
     ); 
    } 
} 

Bitte lassen weiß, wo ich in Code falsch läuft am

Grüße

Answer 1

können Sie bitte versuchen, diese

export default class LoginScreen extends Component { 

constructor(props) { 
    super(props); 
    this.state = {username: '',password: ''}; 
} 
login =() => { 
    alert(this.state.username + " " + this.state.password); 
} 
render() { 
    return (
     <View style={styles.container}> 
      <Image source={require('../images/hulk.jpg')} style={styles.backgroundimage}> 
       <View style={styles.content}> 
        <Image source={require('../images/logo.png')} style={styles.logo}> 
        </Image> 
        <View style={styles.inputcontainer}> 
         <TextInput 
         underLineColorAndroid='transparent' 
         style={styles.input} 
         value={this.state.username} 
         onChangeText={(text) => this.setState({ username: text })} 
         placeholderText='username'/> 

         <TextInput 
         secureTextEntry={true} 
         underLineColorAndroid='transparent' 
         style={styles.input} 
         value={this.state.password} 
         onChangeText={(text) => this.setState({ password:text })} 
         placeholderText='password' 
         placeholderTextColor='black'/> 
        </View> 
        <TouchableOpacity onPress={this.login()} style={styles.buttonContainer}> 
         <Text style={styles.buttonText}>LOGIN</Text> 
        </TouchableOpacity> 
       </View> 
      </Image> 
     </View> 
    ); 
}