Flutter
-
[Flutter] 상대 시간 표시하기Flutter 2024. 1. 28. 16:45
날짜를 표기할 때 몇일 전, 3개월 전 과 같이 상대 시간을 표기해주고 싶을 때 timeago 패키지를 사용해줄 수 있다. 1. timeago 패키지를 추가한다. // pubspec.yaml dependencies: flutter: sdk: flutter timeago: any 2. import 한다. import 'package:timeago/timeago.dart' as timeago; 3. timeago 사용하기 원하는 언어를 지정해줄 때 locale을 사용한다. 아래는 한국어 표기 예시다. final createdDate = DateTime.now(); // 원하는 DateTime ... Text(timeago.format(createdDate, locale: 'ko')
-
[Flutter] asset Image 추가하기Flutter 2024. 1. 28. 16:24
1. 추가할 Asset의 경로를 지정해준다. 2. AssetImage 사용하기 3. 크기 지정하기 (feat. BoxFit) #1. 추가할 Asset의 경로를 지정해준다. 이미지를 먼저 추가해보자. ~/assets/image/ 로 폴더를 추가하고 이 밑에다가 image를 추가하려고 한다. 아래와 같이 폴더를 만들어줬다. pubspec.yaml 파일에 에셋의 경로를 지정해줘야 한다. 나의 경로는 assets/images/ 이다. #2. AssetImage 사용하기 이제 이미지를 추가하면 된다. Image( image: AssetImage('assets/images/my_image.png'), ), #3. 크기 지정하기 (feat. BoxFit) 이미지를 원하는 크기를 지정해주려면 width, height를..