이 애니메이션은 레이아웃에 변화를 주기 때문에 useNativeDriver 값은 false로 지정했습니다. 추가로 delay 값을 설정해 50ms 이후 애니메이션이 시작되도록 구현했습니다. 이렇게 한 이유는 키보드가 나타나는 시간과 겹치지 않게 하기 위해서입니다. 만약 키보드가 나타남과 동시에 애니메이션이 시작된다면 애니메이션이 부드럽게 나타나지 않고 뚝뚝 끊기는 느낌이 날 수 있습니다.

화면에서 TextInput을 눌러보세요. 키보드가 나타날 때 화면에서 이미지가 사라지나요?

▲ 그림 9-7 키보드가 나타난 후 사라진 이미지