TextInput inside FlatList based on API response.

Hi, i am displaying TextInputs inside FlatList based on API response. But in FlatList i have check-boxes, drop-downs and TextInputs. If i can check one item in array then it will add some objects (contains TextInputs) in array. When a value is entered on a particular TextInput it’s working fine but if uncheck that item i should remove some objects (contains TextInputs) in array. In this case i am facing an issue like after unchecking the check-box text-field (what i have entered value before) is appending to below TextInput.

React Native version:

“react-native”: “0.60.5”

Steps To Reproduce

1. How can i append the values to text-input after changing their positions like when i add some objects and remove some objects

this.state = {
     textInputsValue: [],
   };
 onChangeText(text) {
   const { index, item } = this.props;
   const textInputsValue = [...this.state.textInputsValue];
   textInputsValue[index] = text;
   this.setState({
     textInputsValue
   });
 }
 <Mytextinput
                 placeholder="Enter Here"
                 value={this.state.textInputsValue[index]}
                 onChangeText={this.onChangeText}
                 onEndEditing={this.onEndEditingText}
                 onSubmitEditing={() => Keyboard.dismiss()}
               />

Describe what you expected to happen:

• Text-input values should not append to another text-inputs when i add some objects or remove some objects in array.

Screenshot:-

[radko93]

I cannot reopen because it’s not a react native issue. Please ask this question on Stackoverflow. I can only say that you can try:

<ScrollView>
{dynamicInputs.map(input =>
   (<TextInput />))}
</ScrollView>

[harikanammi]

yes, i am using FlatList for rendering the Text-inputs. But i am displaying text-inputs based on API response. So it is a dynamic array. I am getting an issue in UI part. Please go through the above gif file.

I am adding some objects in an array and entered the values in text-inputs and remove that objects in an array. So that the input value is assigned to another object.