// 현재 코드는 이슈가 있습니다.
const DismissKeyboard = ({ children }: any) => (
<TouchableWithoutFeedback onPress={() => Keyboard.dismiss()} accessible={false}>
{children}
</TouchableWithoutFeedback>
);
...
<DismissKeyboard>
<Input />
</DismissKeyboard>
흠? 뭔가 이상해졌다...?
DismissKeyboard
라는 컴포넌트로 래핑하고 사용했더니
인풋으로 데이터를 입력받아올 때마다 re-rendering 되는 것 같아요.
키 하나 입력할 때마다 키보드가 비활성화되는 현상이...😭
그래서 그냥 TouchableWithoutFeedback
로만 입혀줬더니 정상적으로 작동하네요.