리액트 네이티브 모바일 키보드에서 다음 버튼으로 포커스(커서) 이동시키는 방법(How to make focus(cursor) move by using next button of mobile keyboard in React Native)



## 리액트 네이티브 모바일 키보드에서 다음 버튼으로 포커스(커서) 이동시키는 방법(How to make focus(cursor) move by using next button of mobile keyboard in React Native)

예를 들어, 모바일 로그인 화면에서 아이디를 입력하고 비밀번호를 입력해야 할 때, 키보드에서 다음 버튼을 누르면 비밀번호 입력칸으로 이동하게끔 만들려면 아래와 같이 하면 된다.

```
<TextInput
  placeholder="아이디를 입력해주세요"
  returnKeyType="next"
  onSubmitEditing={() => {this.passwordInput.focus();}}
  bulrOnSubmit={false}
/>
<TextInput
  placeholder="비밀번호를 입력해주세요"
  ref={(input) => { this.passwordInput = input; }}
/>
```



참고 : https://stackoverflow.com/questions/32748718/react-native-how-to-select-the-next-textinput-after-pressing-the-next-keyboar




댓글

이 블로그의 인기 게시물

부트스트랩 사용 시 버튼 오른쪽 정렬하는 방법 (How to use float-right for right align in bootstrap)

맥(Mac)에서 MySql 사용 시 Error: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) 오류가 발생하는 경우 해결 방법

HTML, CSS - footer fixed (foot 하단 고정 시키기)