How to dynamically add/delete view in react native?

you don't need to manipulate view by your self, you need to manage your data structure in a shape that you could iterate over it and render the proper component of your desire.

for handling the finding an item from array and deleting it, i would suggest you that to have an ID for each of your array item, so this means that you need to convert them to array of object and each object should have a key of id some thing like below:

const myData = [
  { id: 1, val: 'some value' },
  { id: 2, val: 'some other value' },
  // more ...
]

by doing this your id becomes the key to find items by id, filter items by id and do what ever you want to that result, and by setting the resulted array of objects in your state, your return part of component would use state and since state is always gets updated after any operation you made to it, then you will see that result is being updated automatically!

How to dynamically add/delete form in react/react-native First create a state array which will represent your form structure, now it can be fetched your any API, or you can create it manually

this.state = {
        array: [{
            studentName: 'John doe',
            uid: 1
        }]
    }

Loop over the same state array

{
                    array.map((item, index) => {
                        return (
                            <View style={{ margin: 5, padding: 10, }}>
                                <TextInput placeholder='Student name'
                                    value={item.studentName}
                                    style={{ borderRadius: 4, borderWidth: 1, borderColor: '#212121', padding: 8 }}
                                    onChangeText={text => {
                                        this.setState({ array: array.map((c, innerIndex) => innerIndex === index ? { ...c, studentName: text } : c) })
                                    }} />
                                <TextInput placeholder='Student UID'
                                    value={item.uid}
                                    style={{ borderRadius: 4, borderWidth: 1, borderColor: '#212121', padding: 8, marginTop: 5 }}
                                    onChangeText={text => {
                                        this.setState({ array: array.map((c, innerIndex) => innerIndex === index ? { ...c, uid: text } : c) })
                                    }} />
                                <Text style={{
                                    alignSelf: 'flex-start', borderRadius: 4,
                                    padding: 3, marginTop: 5, backgroundColor: 'red', color: 'white'
                                }} onPress={() => {
                                    const filterList = array.filter((item, inner) => inner != index)
                                    this.setState({ array: filterList })
                                }}>
                                    Remove
                                </Text>
                            </View>
                        )
                    })
                }

When you want to add one more field create a handler, which will simply add an empty object to your state array, as you have already looped over state array so when ever state array changes your form changes

<Text style={{ padding: 16, textAlign: 'center', backgroundColor: 'black', color: 'white' }} onPress={() => {
                    this.setState({
                        array: [...array, {
                            studentName: '',
                            uid: ''
                        }]
                    })
                }}>
                    Add
                </Text>

Complete App.js code is available here