반응형 Flutter8 [Flutter] 텍스트 길이가 길 경우 말 줄임표 사용하는 방법 Flutter에서 말 줄임표 사용하는 방법아래 그림과 같이 Text가 너무 길 경우 말 줄임표로 나타내는 방법에 대해서 알아보도록 하겠습니다. 코드 Text( itemList[index]['title'].toString(), style: const TextStyle( fontSize: 24.0, color: Colors.black, ), overflow: TextOverflow.ellipsis, ) 코드 설명 overflow: TextOverflow.ellipsis 부분은 텍스트가 위젯의 경계를 벗어날 경우 어떻게 처리할 것인지를 정의합니다. TextOverflow.ellipsis는 텍스트가 해당 영역을 벗어날 경우, 벗어나는 부분은 생략되고 대신에 말줄임표 (...)가 표시됩니다. 이렇게 하면 사용자는.. 2023. 7. 13. [Flutter] 이미지 없을 때 기본 이미지로 대체하기 이미지 없을 때 기본 이미지로 대체하기 위 그림처럼 이미지가 없으면 기본 이미지를 보여주는 예제는 아래와 같다. import 'package:flutter/material.dart'; class HomePage extends StatefulWidget { @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State { final PageController _pageController = PageController(); int _currentPage = 0; String img_url_o = 'http://127.0.0.1:5000/api/image/sample'; String img.. 2023. 7. 12. Flutter로 웹 앱 실행하기: 사용자 지정 호스트네임과 포트 설정 방법 Flutter 웹 앱 실행하기: 사용자 지정 호스트네임과 포트 설정 방법 flutter run -d edge --web-hostname 192.168.0.100 --web-port=8080 Flutter는 웹, 모바일, 데스크톱 등 다양한 플랫폼에서 애플리케이션을 개발하는데 사용되는 오픈 소스 프레임워크이다. 이번 포스팅에서는 Flutter로 개발한 웹 애플리케이션을 사용자 지정 호스트네임과 포트를 이용해 실행하는 방법에 대해 알아보겠습니다. Flutter 프로젝트를 실행하기 위해 flutter run 명령어를 사용합니다. 이때 -d 옵션은 사용할 디바이스를 선택하는 옵션으로, 이 예제에서는 'edge'를 사용했는데, 이는 Edge 브라우저에서 앱을 실행하겠다는 것을 나타낸다. -d 옵션에 대해 더 자세.. 2023. 7. 8. [Flutter] ListView 재사용하기(재사용 가능한 Widget 만들기) Flutter에서 ListView 재사용하기 똑같은 형태의 Widget을 구현할 때는 Widget을 재사용 할 수 있다. bottomNavigatior로 탭하여 화면을 바꾸는 것은 아래 링크에서 확인해주세요. 2023.07.05 - [공부기록/Flutter] - [Flutter] AppBar, BottomNavigator 구현(상단,하단은 고정 & body만 바뀌도록) 이번 글에서는 Widget을 재사용하는 방법에 대해 알아보겠습니다. verticalList.dart `VerticalListWidget`은 StatefulWidget이다. 이 위젯은 수직 스크롤이 가능한 리스트를 생성하며, 각 아이템은 제목, 기간, 장소/날짜 정보, 그리고 이미지로 구성된다. `initState` 메서드에서는 `widge.. 2023. 7. 5. 이전 1 2 다음 728x90 반응형
