TextInput onChangeText不起作用React Native

时间:2017-05-19 07:44:51

标签: javascript android react-native

我是这个平台的新手,这是我的第二天。我试图通过创建简单的登录,注册,新闻Feed应用程序来自己学习。我能够构建登录页面但是在从InputText获取值时,它显示错误“不能同时指定值和子项”,这里我发布了我的login.js类

[DllImport("kernel32.dll", SetLastError = true)]
static extern bool ReadProcessMemory(
IntPtr hProcess, 
IntPtr lpBaseAddress,
IntPtr lpBuffer, 
int dwSize, 
out IntPtr lpNumberOfBytesRead);

请告诉我代码出错的地方

此致

1 个答案:

答案 0 :(得分:2)

你能试试吗

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>
    );
}
相关问题