Правильное использование onChangeText в React Native

<TextInput style = {styles.input}
     placeholder='username'
     onChangeText = {(text) => { this.setState({ username: text})}}>
</TextInput>

Вам нужен {}, чтобы открывать и закрывать функциональный блок, иначе он вернет setState

() => callFn эквивалентен () => {return callFn}, поэтому вы возвращаете свой вызов setState. Вам нужен здесь () => {callFn}

И удалите {this.state.text} из тега <Text>, который будет запускать повторную визуализацию каждый раз, когда вы меняете state.

Попытайтесь с этим полным компонентом надеяться, что это будет полезно для вас.

'use strict';

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

class Home extends Component {

    constructor(props) {
        super(props);
        this.state = {
            text:''
        };
    }

    render() {
        let {text}=this.state;

        return ( 
            <View style = {{padding: 10}}>
                <TextInput onChangeText = {(text) => { this.setState({ text: text})}}/>
                    <Text style = {{padding: 10, fontSize: 42}}>
                    {text}
                    </Text>
            </View>
        )
     }
  }

  export default Home;

Создавать функции внутри свойств компонентов - не лучшая практика. Это всегда будет вызывать повторную визуализацию, даже если ничего не было изменено из-за того, что значение prop является новой функцией. Попробуйте вот так. Я также дал вам способ иметь несколько текстовых входов без создания единой встроенной функции с помощью «каррирования», наряду с превращением их в управляемые входы, при этом их значение «контролируется» состоянием. Социализм в действии!

'use strict';

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

class Home extends Component {

  constructor(props) {
    super(props);
    this.state = {
      name:''
      email:''
      nameError:''
      emailError:''
    };
  }

  onChangeText = name => text => this.setState({ [name]: text });

  render() {
    let { name, email, nameError, emailError } = this.state;

    return ( 
      <View style = {styles.container}>
        <TextInput onChangeText = {this._onChangeText("name")} value = {name} />
        <Text style = {styles.text}>{nameError}</Text>
        <TextInput onChangeText = {this._onChangeText("email"} value = {email} />
        <Text style = {styles.text}>{emailError}</Text>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  text: {
    padding: 10,
    fontSize: 42
  },
  container: {
    padding: 10
  }
});

export default Home;