Illie

RN. 키보드에서 enter을 눌렀을 때, onPress 함수 호출 본문

REACT || REACT NATIVE

RN. 키보드에서 enter을 눌렀을 때, onPress 함수 호출

(*ᴗ͈ˬᴗ͈)ꕤ*.ﾟ 2022. 8. 28. 20:52

개요

가끔  휴대폰으로 엔터만 쳐도 자동으로 onPress 되어 화면이동이나, 이벤트가 일어난다

 

그러한 기능이 어떻게 만들어지는지 보자

 

onSubmitEditing 활용

<TextInput
  placeholder='할 일을 입력하세요'
  value={text}
  onChangeText={setText}
  onSubmitEditing={onPress}
  returnKeyType='done'
>

onSubmitEditing은 Enter을 눌렀을 때 호출되는 함수이다

 

returnKeyType은 Enter의 타입을 지정해준다

// 공통
done(완료) go(이동) next(다음) search(검색) send(보내기)

// ios 전용
default(기본) emergency-call(긴급 통화) google(검색) join(가입) route(이동) yahoo(검색)

// os 전용
none(일반 Enter) previous(뒤로)

'REACT || REACT NATIVE' 카테고리의 다른 글

[REACT NATIVE] 함수형 컴포넌트에서 this를 사용하라는 예시를 줄 때  (0) 2023.03.25
RN. android에서 글씨가 가려진다...  (0) 2022.10.01
React Native. Props로 컴포넌트 스타일을 커스터마이징하기  (0) 2022.08.07
styled-componont에서 props 사용하기  (0) 2022.08.06
React. useReducer (상태관리)  (0) 2022.08.02
'REACT || REACT NATIVE' Related Articles more
Comments