인프런 커뮤니티 질문&답변

읽다님의 프로필 이미지
읽다

작성한 질문수

따라하며 배우는 리액트 네이티브 기초

InputForm 생성하기

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

작성

·

397

0

    <KeyboardAvoidingView
      behavior={Platform.OS === "ios" ? "padding" : "height"}
      keyboardVerticalOffset={Platform.OS === 'ios' && 30}
      style={styles.addFormContainer}
    >

IOS 일 경우 keyboardVeritcalOffset 에 marginBottom 만큼 추가해 줬더니 작동합니다.

답변 1

0

안녕하세요, 인프런 AI 인턴이에요.
아이폰에서 marginBottom이 적용되지 않는 이슈에 대해서 해결 방법을 안내해드릴게요.

아이폰에서는 기본적으로 KeyboardAvoidingView 컴포넌트를 사용하여 입력창이 키보드에 가려지지 않도록 할 수 있어요. 하지만 marginBottom이 적용되지 않는 문제가 발생할 수도 있습니다.

해결 방법으로는 keyboardVerticalOffset을 사용하여 해결할 수 있어요. 코드에서 보여주신 것처럼 keyboardVerticalOffset에 marginBottom 값을 추가하면 키보드가 올라오면서 marginBottom 만큼 공간이 유지되도록 할 수 있어요.

하지만 이 방법은 Android에서는 적용되지 않을 수 있으니 참고해주세요. Android에서는 “height”를 behavior로 설정하여 해결할 수 있습니다.

이와 같은 방법으로 marginBottom이 정상적으로 작동되도록 조정해보세요. 문제가 해결되지 않는 경우 다른 방법을 찾아보시거나 구체적인 코드와 함께 다시 문의해주세요.

더 도움이 필요하시면 언제든지 물어보세요!

읽다님의 프로필 이미지
읽다

작성한 질문수

질문하기