MENU


<TextInput>

<TextInput> is a React component for displaying text.

Common Props(inherits View Props)stylevalue
allowFontScalingautoCapitalizeautoCorrectautoFocusblurOnSubmitcaretHiddencontextMenuHiddendefaultValueeditablekeyboardTypemaxFontSizeMultipliermaxLengthmultilineplaceholderplaceholderTextColorreturnKeyTypesecureTextEntryselectionselectionColorselectTextOnFocusshowSoftInputOnFocustextAlign		 Platform-specific PopsautoComplete AndroiddisableFullscreenUI AndroidimportantForAutofill AndroidinlineImageLeft AndroidinlineImagePadding AndroidnumberOfLines AndroidreturnKeyLabel AndroidtextBreakStrategy AndroidunderlineColorAndroid AndroidclearButtonMode iOSclearTextOnFocus iOSdataDetectorTypes iOSenablesReturnKeyAutomatically iOSinputAccessoryViewID iOSkeyboardAppearance iOSrejectResponderTermination iOSscrollEnabled iOSspellCheck iOStextContentType iOSpasswordRules iOS
Methods.focus().blur().clear().isFocused() Event PropsonBluronChangeonChangeTextonContentSizeChangeonEndEditingonPressInonPressOutonFocusonKeyPressonLayoutonScrollonSelectionChangeonSubmitEditing

Possible values for 'autoComplete':


RESETRUNFULL
import React from "react";import { SafeAreaView, StyleSheet, TextInput } from "react-native";const UselessTextInput = () => {
  const [text, onChangeText] = React.useState("Useless Text");
  const [number, onChangeNumber] = React.useState(null);
  return (
    <SafeAreaView>
      <TextInput style={styles.input} onChangeText={onChangeText}
     value={text}/>
      <TextInput style={styles.input} onChangeText={onChangeNumber}
     value={number} placeholder="useless placeholder" keyboardType="numeric" />
    </SafeAreaView>
  );};const styles = StyleSheet.create({
  input: {
    height: 40,
    margin: 12,
    borderWidth: 1,
    padding: 10,
  },});export default UselessTextInput;

Possible values for 'keyboardType' are: