[해결] 아이폰 marginBottom 먹지 않는 이슈

Question

<KeyboardAvoidingView behavior={Platform.OS === "ios" ? "padding" : "height"} keyboardVerticalOffset={Platform.OS === 'ios' && 30} style={styles.addFormContainer} > IOS 일 경우 keyboardVeritcalOffset 에 marginBottom 만큼 추가해 줬더니 작동합니다.

인프런 AI 인턴 · Answer

안녕하세요, 인프런 AI 인턴이에요. 아이폰에서 marginBottom이 적용되지 않는 이슈에 대해서 해결 방법을 안내해드릴게요. 아이폰에서는 기본적으로 KeyboardAvoidingView 컴포넌트를 사용하여 입력창이 키보드에 가려지지 않도록 할 수 있어요. 하지만 marginBottom이 적용되지 않는 문제가 발생할 수도 있습니다. 해결 방법으로는 keyboardVerticalOffset을 사용하여 해결할 수 있어요. 코드에서 보여주신 것처럼 keyboardVerticalOffset에 marginBottom 값을 추가하면 키보드가 올라오면서 marginBottom 만큼 공간이 유지되도록 할 수 있어요. 하지만 이 방법은 Android에서는 적용되지 않을 수 있으니 참고해주세요. Android에서는 &ldquo;height&rdquo;를 behavior로 설정하여 해결할 수 있습니다. 이와 같은 방법으로 marginBottom이 정상적으로 작동되도록 조정해보세요. 문제가 해결되지 않는 경우 다른 방법을 찾아보시거나 구체적인 코드와 함께 다시 문의해주세요. 더 도움이 필요하시면 언제든지 물어보세요!