React Native error #3 (TextInput)

뱀기·2022년 5월 24일
0

Nurihaus

목록 보기
3/13
  • TextInpu auto focus하기. 키보드의 완료 버튼을 누르면 다른
const ref_input: Array<RefObject<TextInput>> = [];
  ref_input[0] = useRef(null);
  ref_input[1] = useRef(null);
  ref_input[2] = useRef(null);
  ref_input[3] = useRef(null);


// 이런 식으로 0~3까지 설정해주었음. #2에 있는 에러를 해결하고나면 정상작동함.
return (
 	<InputContainer
        placeholder="UserName"
        onChangeText={setUsername}
        returnKeyType="next"
        autoCapitalize="none"
        ref={ref_input[0]}
        onSubmitEditing={() => {
          ref_input[1]?.current?.focus();
        }}
        value={username}
      />
          ...
)

참고 : https://velog.io/@maliethy/React-Native-TextInput-auto-focus-%ED%95%98%EA%B8%B0

0개의 댓글