text input handle in react native

import { StyleSheet, Text, TextInput, View, Button} from "react-native";
import React, { useState } from "react";

const App = () => {
  const [name, setName] = useState("");

  return (
    <View style={styles.viewtag}>
      <Text style={styles.texttag}>Text Input Handle</Text>
      <Text style={styles.textTag}>Your name:{name}</Text>
      <TextInput style={styles.textInput} placeholder="Enter your name" onChangeText={(text)=>setName(text)} value={name}></TextInput>
      <Button style={styles.buttonText} title="REMOVE TEXT" onPress={()=>setName('')}/>
    </View>
  );
};

export default App;

const styles = StyleSheet.create({
  viewtag: {
    paddingBottom: 20,
    flex: 1,
  },
  texttag: {
    fontSize: 30,
    textAlign: "center",
    paddingTop: 60,
  },
  textTag:{
    fontSize:20,
    textAlign:'center',
    paddingTop:20
},
textInput:{
  fontSize:20,
  borderWidth:2,
  textAlign:'auto',
  margin:30
},
buttonText:{
  margin:30,


}

});