반응형 App2 [Flutter] Text 위젯에서 긴 문자열 overflow 처리법 프로젝트를 하던 도중에 Text 위젯에 길이가 긴 문자열이 들어가 UI가 깨지는 현상이 발생하였다. 보통 우리가 앱을 쓸 때 이런 경우 fade 처리나 ... 표시를 통해 두에 내용이 더 있음을 암시하고 너비를 제한하고는 한다. 나도 그 방법으로 해결해보자. 먼저 SizedBox로 해당 Text 위젯을 감싼 뒤 너비를 정해주자. SizedBox( width:200, child: Text( documentSnapShot['detail'], style: const TextStyle(color: Colors.white), maxLines: 1, softWrap: false, ), ), 이렇게 하면 UI는 깨지지 않지만 뒤에 내용이 더 있다는 암시가 없어 그냥 문자열이 뚝 끊기는 느낌을 준다. 그래서 뒤에 내용.. 2023. 11. 9. [Flutter] VSCode에서 실행 시 Widget Inspector Page 열기 VSCode로 플러터를 실행하게 되면 Widget Inspector Page를 열 수 있는데 개발할 때 매우 유용하다. 이걸 열려면 먼저 오른쪽 상단에 디버깅 버튼을 눌러 디버깅을 시작해준다. 그럼 이런식으로 디버깅이 시작됨을 알 수 있는데 이때 오른쪽 하단에 {}를 눌러준다. 그러면 Dart Dev Tool이라는 메뉴가 있는데 거기 옆에 launch를 눌러주면 된다. 그럼 위 이미지처럼 선택할 수 있는 창이 나오는데 거기서 Widget Inspector Page를 열어주면 된다. 2023. 8. 18. 이전 1 다음 반응형
