react-native에서 To Do List를 만드는 연습을 해보고 있습니다. react-native의 컴포넌트들을 사용하다 보니 어렵네요. 웹에서 사용하는 input태그와 react-native의 TextInput태그도 많이 다른것 같아요.
TextInput에서 입력을 완료하고 나서 확인을 누르면 연속되게 할 일을 입력할 수 있도록 바로 TextInput으로 focus를 해주려고 합니다. 그런데 확인을 누르면 input영역을 다시 터치해서 focus를 잡아줘야하네요. useRef를 사용해서 onSubmitEditing에서  ref.current.focus()를 해주어도 소용이 없습니다. 혹시 방법이 있을까요??

TextInput의 blurOnSubmit props를 설정해 보셨나요?
onSubmitEditing에서 무조건 input창에서 blur가 발생하도록 되어있다고 합니다. 그래서 해당 blurOnSubmit을 false로 주면 textinput에 focus가 유지되어 있을 것 같아요! 한번 해보시고 말씀해주세요!!

제가 참고한 링크입니다.
- https://joylee-developer.tistory.com/159
- https://reactnative.dev/docs/textinput#bluronsubmit

소프트웨어 엔지니어라는 적성을 찾기 전까지 다양한 경험을 했습니다. 현재는 퍼블리의 커리어리 트라이브의 소프트웨어 엔지니어로 갓 입사한 새내기 입니다.  새로운 기술들을 배우며 빠르게 성장해서 좋은 제품들을 만들어 내는 것이 목표입니다.

커리어리 Software Engineer

엄홍재

커리어리의 앱과 웹을 만들고 있습니다.

아마도 카카오톡과 같은 Send시에 키보드가 닫히지 않는걸 원하시는듯 싶습니다.

해당 방법이 작동하지 않는 원인은 일단 event의 순서 때문입니다.

React Native에서 TextInput에 blurOnSubmit이라는 property가 존재하는데 해당 값은 기본적으로 true로 지정이 되어있습니다. 해당 속성은 onSubmit시에 키보드를 자동으로 닫을 것이냐 라는 속성인데 만약 작성자님이 구현하시고자 하는 모양은 현재 닫는 이벤트와 여는 이벤트를 동시에 적용하고 있어서 원하시는 동작이 나오지 않는 겁니다. (이벤트는 하나만 작용합니다.) 그렇기에 키보드가 완전히 닫힌 시점에 input을 focus해주거나, (setTimeout 등) blurOnSubmit이라는 TextInput property값을 falee로 지정해주시면 됩니다

아마 작성자님이 원하시는 방향은 blurOnSubmit을 false로 주는 방향이 아닐까 싶네요

액트베이스 팀장

승주

react-native의 TextInput에서 입력을 연속되게 하는 방법

 안녕하세요 HTML, CSS, javascript 기초를 공부한 뒤 이제 막 React를 배우고 있는 웹 프론트엔드 취준생입니다. 

 "렌더링"이라는 단어가 프론트엔드 개발에 있어서 범용적으로 쓰이는 단어인 것 같습니다. HTML을 공부할 때  '브라우저의 렌더링'에 대해 배웠는데요, React를 공부하다 보니 렌더링, 리렌더링 등 다시한번 렌더링이 나와서 브라우저의 렌더링과 React의 렌더링의 차이는 무엇인지 궁금해졌습니다.

 브라우저 렌더링은 HTML, CSS를 파싱한 Render Tree를 Layout과 Paint 단계를 거쳐 브라우저 화면에 보여주는 것으로 이해했습니다. React에서 렌더링은 어떤 작업을 하는 것일까요? State가 변경되면 컴포넌트가 렌더링된다는 사실은 알지만 무엇을 렌더링하는 것인지 궁금합니다.

감사합니다.

리액트에서 "렌더링(rendering)"은 어떤 의미인가요?

회사가 아직 소규모라 프로세스가 잘 잡혀있지 않습니다. 
현재까지 각자 로컬 환경에서 빌드 & 배포하고 있는데 이제 진짜 한계인 것 같아서 배포 자동화를 시도해 보려 합니다. 
속해 있는 조직에서는 배포 자동화를 어떻게 하고 계신지 궁금합니다...!!

react-native 배포 자동화 어떻게 하고 계시나요?

오 감사합니다! 잘 되는것 같아요!

 안녕하세요, 커리어리 Q&A를 운영하고 있습니다!

커리어리 Q&A 운영자

지식 나눔

빠른 답변⚡서포터즈

카오톡과 같은 Send시에 키보드가 닫히지 않는것 이라는 예시가 아주 정확합니다. 말씀하신대로 적용하니까 잘 됩니다. 감사합니다