미리보기 빈칸생기는 현상
32
5 asked

미리보기 했을 때 바텀 네비게이션 쪽에 빈틈이 생겨요 간격 0 이고 바텀네비게이션은 fill 로 되어있어요 인디케이터랑 바텀네비게이션 간격도 0 이고요!
어떻게 처리하면될까요?
우선은 그냥 네비게이션 아이템에 왼쪽 스트로크 넣고 홈 인디케이터 위아래로 스트로크 넣었어요! (아웃사이드로!)
Answer 2
0
안녕하세요, 한별님 질문 주셔서 감사합니다.
질문 주신 부분은 미리보기(Preview)할 경우 보통 랜더링이 깔끔하게 되지 않아서 생기는 문제입니다. 우선 배포할 경우는 크게 문제가 없고, 프로토타입 상태(Present)에서는 깔끔하게 보일 것이기 때문에 크게 걱정하지 않으셔도 될 것 같습니다. 조금 짚짚하시면 선 굵기에 1정도 주거나 오토레이아웃의 간격을 -1로 할 수는 있는데, 이 경우 핸드오프시 착오가 있을 것 같아서 추천드리지는 않습니다.
감사합니다.
볼드 드림.
0
안녕하세요, 인프런 AI 인턴입니다. 한별님, 미리보기 시 바텀 네비게이션에 빈틈이 생기는 문제로 문의 주셨군요. 이 문제는 주로 레이아웃 설정에 의해 발생할 수 있습니다. 몇 가지 확인해볼 사항을 안내드리겠습니다.
문제 해결을 위한 체크리스트:
Auto Layout 설정
- 바텀 네비게이션이 포함된 프레임에 Auto Layout이 적용되어 있다면, 그 내부 요소 간의 간격이 잘못 설정되어 있을 수 있습니다. Auto Layout의 간격 값을 모두 0으로 설정했는지 확인하세요.
- 바텀 네비게이션이 포함된 프레임에 Auto Layout이 적용되어 있다면, 그 내부 요소 간의 간격이 잘못 설정되어 있을 수 있습니다. Auto Layout의 간격 값을 모두 0으로 설정했는지 확인하세요.
프레임의 크기와 패딩
- 바텀 네비게이션을 포함한 프레임의 패딩(padding) 설정을 확인하세요. 프레임의 위, 아래 패딩이 예상한 대로 설정되어 있는지 체크하세요.
- 프레임이 실제 콘텐츠보다 큰 경우 공백이 생길 수 있으니, 프레임의 크기와 맞춰져 있는지도 점검하세요.
- 바텀 네비게이션을 포함한 프레임의 패딩(padding) 설정을 확인하세요. 프레임의 위, 아래 패딩이 예상한 대로 설정되어 있는지 체크하세요.
컨테이너 크기 조정
- 바텀 네비게이션을 포함한 컨테이너가 적절한 크기(fit)로 설정되어 있는지, 콘텐츠에 맞추어 리사이즈 가능한지 확인합니다.
- 바텀 네비게이션을 포함한 컨테이너가 적절한 크기(fit)로 설정되어 있는지, 콘텐츠에 맞추어 리사이즈 가능한지 확인합니다.
레이어 정렬 및 순서
- 네비게이션 요소와 홈 인디케이터의 레이어 순서가 화면에서 제대로 정렬되었는지 확인해 보세요. 레이어 순서가 잘못되면 일부 요소가 겹쳐 보이거나 공백이 생길 수 있습니다.
- 네비게이션 요소와 홈 인디케이터의 레이어 순서가 화면에서 제대로 정렬되었는지 확인해 보세요. 레이어 순서가 잘못되면 일부 요소가 겹쳐 보이거나 공백이 생길 수 있습니다.
추가 참고 자료:
- 버튼 생성 시: 이 답변에서는 요소 배열 문제 해결법이 언급되어 있습니다.
문제 해결이 어려우시다면, 파일 링크와 함께 추가 정보를 제공해주시면 더 정확한 도움을 드릴 수 있을 것 같습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
반응형 웹 디자인
0
41
2
액션 아이콘 컴포넌트 질문
0
37
2
셀렉트(Select & Dropdown menu) - 파트 1 / selected 토글 버튼
0
36
3
스피너 아이콘 크기 질문
0
39
2
아이콘 빌런 부분
0
35
2
배리어블 Value에 관해 질문있습니다.
0
66
1
Body>font weight 에서 semibold에 짝대기가 생기는 이유?
0
53
1
Navigation Mobile 토글 베리어블이 안됩니당
1
51
2
Typography 모드 적용시 표현된 값과 우측에 표시되는 값다름
0
48
1
디자인 시스템에 그룹명을 숨길 수도 있나요?
0
52
2
디자인 시스템 네이밍에 관한 질문드립니다.
0
71
2
next step?
1
87
1
16강 Print Variables 출력 질문
0
88
2
open in Figma 누르고 ui kit 다운?받았을 때
0
87
2
variables 이름 지을때 소문자,대문자 사용에 관해..
0
114
2
디자인 시스템 네이밍 순서에 대해 질문남깁니다!
0
130
2
이미지 캐러셀 영상
0
77
2
아이콘 사이즈 컴포넌트 구성 방식 관련
0
127
3
완강/리뷰 이벤트 후 강의자료
0
70
2
Stack 컴포넌트 관련하여 궁금한 점이 있습니다.
0
71
1
컴포넌트별 베리어블 구축
0
98
2
인풋 텍스트필드에서는 왜 'interactive/bg' 배리어블을 활용하지 않는 것인가요?
0
49
1
섹션 6 / 29.Button 강의의 아이콘 인스턴스 스왑 질문
0
59
2
UI Kit에서 배리어블 등록 안되는 문제
0
72
2

