패키지, 저장소 및 앱 카테고리 검색

ducafecatFlutter 생태계 탐색
status_view 표지
패키지 상세v0.0.2

status_view

WhatsApp 및 Instagram과 같이 상태를 표시합니다. 이 패키지는 WhatsApp 상태처럼 사용자 상태를 표시하는 데 도움이 됩니다. 여기서 상태 수, 읽음 및 안 읽음 상태를 지정할 수 있으며, 동일한 패키지는 Instagram과 같은 상태를 표시하는 데에도 사용할 수 있습니다.

AndroidiOSWebmacOSWindowsLinux
pub.dev API 문서 소스 코드
30일 다운로드
249
좋아요
90
Pub 점수
120

패키지 설치

flutter pub add status_view

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

status_view 패키지는 WhatsApp 및 인스타그램과 유사한 사용자 상태를 표시할 수 있도록 개발자를 지원합니다. 읽은 상태와 읽지 않은 상태를 모두 표시할 수 있으며, 각각에 대해 사용자 정의 가능한 표시기를 제공합니다. 동적 상태 피드가 필요한 소셜 미디어 앱에 이상적이며, 다양한 플랫폼에서 깔끔하고 네이티브 같은 경험을 제공합니다. 채팅 인터페이스 및 프로필 섹션에 원활하게 통합되어 시각적인 상태 업데이트를 통해 사용자 참여도를 높입니다.

사용 사례

  • 소셜 미디어 앱
  • 채팅 인터페이스
  • 사용자 활동 추적
  • 프로필 상태 표시
  • 실시간 상태 업데이트

주요 기능

  • WhatsApp 스타일의 상태 표시
  • 인스타그램 스타일의 상태 피드
  • 확인 여부 상태 표시기
  • 크로스 플랫폼 호환성
  • 사용자 정의 가능한 상태 UI
  • 채팅 기능과의 간편한 통합

적합한 대상

  • 채팅 앱을 개발하는 개발자
  • 소셜 네트워킹 플랫폼
  • 사용자 활동 피드가 있는 앱
  • 네이티브 스타일의 상태 컴포넌트를 찾는 UI 디자이너
  • 다중 플랫폼을 대상으로 하는 Flutter 프로젝트

고려 사항

  • 상태 데이터를 수동으로 처리해야 합니다
  • 기본 스타일링을 넘어서는 사용자 정의가 제한적
  • 상태 내용에 대해 외부 데이터 소스에 의존합니다
  • 대규모 상태 목록에 최적화되지 않음
  • 실시간 업데이트를 위해 추가 로직이 필요할 수 있습니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

status_view

Display status just like WhatsApp & Instagram. This package help to display users status like WhatsApp status. in this we can specify the number of status ,seen and unseen status as well, apart from that same package use to display status like Instagram.

Installation

You just need to add status_view as a dependency in your pubspec.yaml file.

dependencies:
  status_view: ^0.0.1

Usage

StatusView(
            radius: 40,
            spacing: 15,
            strokeWidth: 2,
            indexOfSeenStatus: 2,
            numberOfStatus: 5,
            padding: 4,
            centerImageUrl: "https://picsum.photos/200/300",
            seenColor: Colors.grey,
            unSeenColor: Colors.red,
          ),
Attributes Description
radius radius of status view circul
spacing spacing between two status indicator
strokeWidth strokeWidth of status indicator
indexOfSeenStatus index of which status is already seen
numberOfStatus total number of status
padding padding between status indicator and center image
centerImageUrl center image required
seenColor color of already seen status
unSeenColor color of unSeen status

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

카테고리

소셜 미디어아바타, 프로필 사진 및 채팅 헤드

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.