[Flutter] SNS에서 흔히 볼 수 있는'~시간 전','~일 전'의 포장(timeage)을 간단하게 구현할 수 있다.

4809 단어 FlutterDarttech
SNS 기고에서 흔히 볼 수 있는'~시간 전','~일 전'등 표시할 수 있는 소프트웨어 패키지를 조사해 메모로 남겨뒀기 때문이다.이것은 현재 날짜와 시간에서 비교하고 싶은 날짜와 시간 사이의 일수를 계산하고 적절하게 표시하는 편리한 포장입니다.
사용법도 간단해!
  • 2022년 3월 3일 보도입니다.
  • 이 글은 안드로이드 스튜디오에서 개발 중이다.
  • 또한 사용하는 PC는 Mac입니다.
  • VScode나 Windows OS를 사용할 때 일부 방법이 다를 수 있으니 주의하십시오.
  • 사용 환경
  • Android Studio Bumblebee | 2021.1.1 Patch 1
  • macOS Monterey version12.1
  • 사이트 축소판 그림
    https://pub.dev/packages/timeago
    1. 포장 설치
    아래 링크에서 패키지를 설치하십시오.
    소프트웨어 패키지
    2. main.데이터로 초기 설정
    main.dart
     import 'package:timeago/timeago.dart' as timeAgo;
    
     void main() {
    +  timeAgo.setLocaleMessages("ja", timeAgo.JaMessages());
       runApp(MyApp());
     }
    
    3. 최상위 함수 만들기
    timeago.dart
    import 'package:timeago/timeago.dart' as timeAgo;
    
    String createTimeAgoString(DateTime postDateTime) {
      final now = DateTime.now();
      final difference = now.difference(postDateTime);
      return timeAgo.format(now.subtract(difference), locale: "ja");
    }
    
    이렇게 설정하면 createTimeAgoString(比較したい年月日)에서 호출하면 현재 시각과 차별되는 편리한 함수를 되돌려줍니다.
    표시 방법도 ~分前~時間前 등 SNS 스타일의 표시가 있다.
    4. 끝말
    SNS에 있는 그 표시가 어떻게 이루어질지 궁금해서 찾아봤는데 편리한 포장이 있어서 금방 이루어졌어요!
    질문이 있으시면 댓글로 남겨주세요.🙇🏻‍♂️

    좋은 웹페이지 즐겨찾기