타영역 터치 시 키보드 비활성화

poburi FE·2020년 11월 24일
0

React Native

목록 보기
4/4

DismissKeyboard

// 현재 코드는 이슈가 있습니다.
const DismissKeyboard = ({ children }: any) => (
    <TouchableWithoutFeedback onPress={() => Keyboard.dismiss()} accessible={false}>
      {children}
    </TouchableWithoutFeedback>
  );

...

<DismissKeyboard>
  <Input />
</DismissKeyboard>

흠? 뭔가 이상해졌다...?

DismissKeyboard라는 컴포넌트로 래핑하고 사용했더니
인풋으로 데이터를 입력받아올 때마다 re-rendering 되는 것 같아요.

키 하나 입력할 때마다 키보드가 비활성화되는 현상이...😭
그래서 그냥 TouchableWithoutFeedback로만 입혀줬더니 정상적으로 작동하네요.

그냥 TouchableWithoutFeedback으로 주세요!

profile
FE 개발자 poburi

0개의 댓글