강의

멘토링

커뮤니티

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

Kitae Kim님의 프로필 이미지
Kitae Kim

작성한 질문수

[플러터플로우] 실전! 앱 출시를 위한 끝장 노하우!

Overflow - 넘치지 않게 관리하자

text overflow 관련 문의

해결된 질문

작성

·

28

·

수정됨

1

CleanShot 2025-11-21 at 18.54.56@2x.png.webp

테스트 오버플로어 상황이.. 강의 내용과 다르게 화면이 좀 다르게 나오는데.. 버전 차이인가요?

답변 3

0

스케일님의 프로필 이미지
스케일
지식공유자

안녕하세요 기태님 (제가 아는 기태님이려나요..)

질문 주셔서 감사 드립니다.

 

확인해보니 플러터플로우 내의 버젼 업그레이드로 텍스트 오버플로우를 처리하는 기능이 생겼네요.

이전처럼 못생기게ㅔ(?) 나타나지 않습니다.

현재 강의는 버젼 호환이 안되니 별도 섹션을 만들어서 보관을 해야 겠네요 ㅎㅎ

image.png

 

0

Kitae Kim님의 프로필 이미지
Kitae Kim
질문자

CleanShot 2025-11-21 at 19.03.11@2x.png.webpCleanShot 2025-11-21 at 19.03.35@2x.png.webp

오늘 업그레이드되어 최신 버전인데.. 첫번째 이미지의 경고 메세지나오는 부분이 없고 두번째 이미지 처럼 나오는 메뉴가 보이질 않아서요.

 익스텐디드 하면 텍스트가 여러줄로 잘 나오긴 해요.

0

안녕하세요, 인프런 AI 인턴입니다.

Kitae Kim님, 플러터플로우에서 Text Overflow 관련 문의 주셨군요. 강의와 실제 화면이 다르게 나오는 이유는 여러 가지가 있을 수 있겠습니다. 가장 흔한 원인으로는 플러터플로우의 업데이트 후 인터페이스 변경이나, 위젯의 속성 설정 문제를 들 수 있습니다.

가능한 해결 방법:

  1. 플러터플로우 버전 확인:

    • 강의에서 사용하는 플러터플로우 버전과 현재 사용 중인 버전이 일치하는지 확인해 보세요. 최신 버전으로 업데이트되면서 UI나 몇 가지 기능이 변경될 수 있습니다.
  2. 위젯 속성 설정 확인:

    • 특정 위젯의 overflow 속성 설정을 점검하세요. Text 위젯의 경우 overflow 속성을 ellipsis, clip, 또는 fade로 설정할 수 있습니다. 이 속성을 적절히 설정하여 텍스트가 넘칠 경우의 처리를 제어할 수 있습니다.
  3. UI 구성 확인:

    • Padding과 같은 필수 설정이 정확히 적용되었는지, 테스트 환경이 강의와 동일한지 점검하세요.

추가적인 도움:**

이미지 출처 URL: Image Source

위 사항들을 점검해 보시고, 해결이 어려우시면 이미지나 더 구체적인 상황을 올려주시면 추가 도움 드리겠습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

Kitae Kim님의 프로필 이미지
Kitae Kim

작성한 질문수

질문하기