CODEWITHSUNDEEP
react-native
Antoine Grandchamp
Antoine Grandchamp

Reputation: 7471

React Native : TextInput loosing text when style changes

I have a TextInput whose style changes according to a state.

<TextInput
            autoCapitalize="characters"
            defaultValue={this.props.name}
            onChangeText={(text) => { this.handleChangeText(text); }}
            onEndEditing={this.handleTextSubmit}
            placeholder={this.props.dictionary.Identification__placeholder}
            placeholderTextColor={color.WHITE}
            ref={(component) => { this.textInput = component; }}
            style={[
              defaultStyles.input,
              styles.input,
              this.state.keyboardIsVisible && styles.inputSelected,
            ]}
            underlineColorAndroid="rgba(0,0,0,0)"
          />

The problem is that when the style changes, it erases the current value in the TextInput. Is there a way to fix this behavior ?

Upvotes: 0

Views: 103

Answers (1)

Matt Aft
Matt Aft

Reputation: 8936

What is handleTextChange doing? you should have a value property like value={this.state.inputText} and have handleTextChange update that value.

Upvotes: 1

Related Questions