React Native Text input

TextInputis an underlying component that allows the user to enter text. It has a property named onChangeText , which accepts a function that is called when the text changes. There is also a property named onSubmitEditing , which is called after the text is committed (the user presses the Submit key on the soft keyboard).

Import React, {Component}From' React ';Import {appregistry, Text, TextInput, View}From' React-native ';ClassPizzatranslatorExtendsComponent {Constructor (props) {Super (props);This.state = {text:‘‘}; } render () {Return (<view style={{padding:10}}> <textinput Style={{height:placeholder=}}"Type here to translate!" onchangetext={(text) = this.setstate ({text})}/> <text Style={{padding: fontSize: 42}}> {this.state.text.split ("). Map (word) + word & & '?? '). Join (')} </Text> </View>); }}//Register app (registercomponent) to render correctly //NOTE: Only the application is registered once as a whole, not each component/module is registered appregistry.registercomponent ( ' Pizzatranslator ', () = Pizzatranslator);            

React Native Text input