일단 Text 컴포넌트의 각 요소들을 살펴보면
Text : 화면에 표시되는 실제 텍스트 입력하는 곳
Font: 텍스트에 사용할 폰트
Font Style: 텍스트의 스타일 (예: Normal, Bold, Italic).
Font Size: 텍스트의 크기
Line Spacing: 줄 간격
Rich Text: 텍스트 내에서 태그를 사용해 스타일을 적용
(예 : HTML의 볼드체 적용할 글자 로 볼드체를 적용)
Alignment : 텍스트의 정렬 방식
Align By Geometry: 텍스트의 정렬을 글자의 형태 기준으로 할지 설정
Horizontal Overflow: 텍스트가 지정된 영역을 넘어갈 때 어떻게 처리할지 설정 (예: Wrap, Overflow).
Vertical Overflow: 텍스트가 지정된 높이를 넘어갈 때 어떻게 처리할지 설정 (예: Truncate(잘라내기) )
Best Fit: 지정된 영역에 텍스트가 자동으로 맞춰져 표시됨 + 최소 및 최대 크기 폰트 크기 설정
Color: 텍스트의 색상
Material: 텍스트의 재질
Raycast Target: 텍스트가 레이캐스트 타겟이 되게 할지 여부, 텍스트가 사용자의 입력(마우스 클릭 등)에 반응 할지를 결정 할 수 있다.
Best fit은 지정된 공간안에서 글자 사이즈가 동적으로 반응하여 텍스트가 공간을 벗어나지 않게 만들어준다.
그런데 수직-수평 Overflow 탭안의 Overflow 옵션을 설정 한다면,
Overflow는 텍스트가 지정된 영역을 넘어갈 수 있다는 것을 전제로 하기에 Best Fit 기능과 상충 되지 않나 싶었다.
다만 테스트를 해보니 Best Fit 옵션과 Overflow옵션을 함께 사용하면 텍스트는 부모 컨테이너에 맞춰 최적의 크기로 표시되려고 시도하지만 여전히 지정된 영역을 넘어가는 텍스트에 대해서는 Overflow 설정에 따라 처리되는 걸 알 수 있었다.
요약 : Best Fit 옵션은 텍스트 크기를 자동으로 조절하여 컨테이너에 맞추려는 기능이고, Overflow 옵션을 더하면 Best Fit의 최대 텍스트 이상으로 텍스트가 영역을 벗어났을 때의 행동을 결정.
