TextInput 컴포넌트

• https://reactnative.dev/docs/textinput

• 자동완성, 첫자대문자, placeholder text, 키보드 타입 등을 설정할 수 있는 다양한 props가 있다.

• onChangeText, onSubmitEditing, onFocus 등 이벤트 핸들러 함수도 제공한다.

기본 사용 코드 예시

• 사용자 입력을 onChangeText 이벤트로 받고 상태로 저장하여 유저입력값을 관리한다.

import React from 'react';
import { TextInput } from 'react-native';

const UselessTextInput = () => {
  const [value, setValue] = React.useState('Useless Placeholder');

  return (
    <TextInput
      style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
      onChangeText={userInput => setValue(userInput)}
      value={value}
    />
  );
}

export default UselessTextInput;