TextInput Bug - React Native ^0.54

[myrsapp]

Environment:
OS: macOS Sierra 10.12.6
Node: 8.9.4
Yarn: 0.24.6
npm: 5.6.0
Watchman: 4.9.0
Xcode: Xcode 9.3 Build version 9E145

Packages: (wanted => installed)
react: ^16.3.0-alpha.1
react-native: ^0.54.4

I am using code example from https://facebook.github.io/react-native/docs/textinput.html, but I change value to "HARD CODE". If I try on the website, I cannot change the value. However, if i make one on my project, i can change the value.

import React, { Component } from 'react';
import { AppRegistry, TextInput } from 'react-native';

export default class UselessTextInput extends Component {
  constructor(props) {
    super(props);
    this.state = { text: 'Useless Placeholder' };
  }

  render() {
    return (
      <TextInput
        style={{height: 40, borderColor: 'gray', borderWidth: 1}}
        onChangeText={(text) => this.setState({text})}
        value={"HARD CODE"}
      />
    );
  }
}

[reynaldlee]

Same Problem.

<TextInput onChangeText={(text) => this.setState({text: "Hello"})} value={this.state.text} ></TextInput>

The TextInput value should always be "Hello", but it doesn't.

React-native version:
react: 16.3.1
react-native: 0.55.2

[jerameel]

Also facing the same issue on iOS. I had a validation with textInput and it changes the value state, but on iOS the value property is being overriden by the original(should be the validated value from state) value. It works fine on Android though.

[Sanglepp]

Linking the issue that @jerameel has created on same topic #18874

[chefkefu]

This doesn't seem to be a problem in version 0.51 and older but got regressed in the newer version of react native.

<TextInput onChangeText={(text) => this.setState({text: "Hello"})} value={this.state.text} >

[bhrott]

Same here.

[zaguiini]

Any fixes?

[Fconstant]

Same. This also affects react-native-masked-text

[GregorHorvatH]

Same Problem.
react-native: 0.55.4

[vovkasm]

#18874

[jackmew]

No Problem:
0.51.0 React 16.0.0 (Original for my project)
0.53.0 React 16.2.0

Cause Problem:
0.54.0 React 16.3.0-alpha.1(Context API), A lot of under-the-covers work on Yoga, iOS's Text and TextInput
0.55.0
0.55.2
0.55.3
0.55.4

[garfieldnate]

Probably being solved in this PR: #18278. There are many separate bug reports for the same bug in TextInput.

[Balasnest]

Faced same problem in 0.55.4 What is the stable version for this fix? Should we go for 0.56 ?

[liamse]

I got the same problem in 0.56.0 but in 0.57.0 it is solved.

[kelset]

Given the inactivity and that latest comments say that is fixed on 0.57 I'm going to close this.

Please open a new issue following the template if needed.