Государство не обновляется в реакции родной?

Question

Я занимаюсь разработкой реагирующего натива с прошлого месяца, и я сделал проект для практики, у меня возникли некоторые проблемы с ним, когда я вхожу в систему и устанавливаю состояние для обновления моего состояния, оно не обновляется с использованием образца имени пользователя и пароля для тестирования.

Скриншоты о проблеме:

Это мой код:

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

import Button from "./common/Button";
import Card from "./common/Card";
import CardItem from "./common/CardItem";
import Input from "./common/Input";

class Login extends Component {
      constructor(props) {
      super(props);
      this.state = { username: "anas", password: "123" };
      }

      handleLogin = () => {
           console.log(
                   `Email is: ${this.state.username} and pass is: ${this.state.password} .`
            );
      };
      render() {
           return (
             <View>
                <Card>
                   <CardItem>
                       <Input
                          label="Email: "
                          placeholder="Enter your Email.."
                          secureTextEntry={false}
                          onChangeText={username => this.setState({ 
                          username})}
                        />
                 </CardItem>
                 <CardItem>
                      <Input
                       label="Password: "
                       placeholder="Enter your password.."
                       secureTextEntry={true}
                       onChangeText={password => this.setState({ password})}
                      />
                 </CardItem>
                 <CardItem>
                    <Button btnTitle="Login" onPressHandle={this.handleLogin} 
                    />
                 </CardItem>
             <Text>Email: {this.state.username}</Text>
             <Text>pass: {this.state.password}</Text>
          </Card>
      </View>
    );
   }
 }
 export default Login;

Answer 1

Вам не хватает onChangeText пропеллера в пользовательском Input компоненте, поэтому добавьте его.

<TextInput
    ...other props
    onChangeText={props.onChangeText}
/>