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

marquee_list 표지
패키지 상세v1.0.0

marquee_list

마르케이드 스타일로 항목 목록을 표시하는 마르케이드 리스트 위젯

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
784
좋아요
53
Pub 점수
150

패키지 설치

flutter pub add marquee_list

패키지 개요

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

가용 공간에 맞지 않는 콘텐츠를 보여주기 위해 수평 또는 수직으로 스크롤되는 마르케이 스타일로 항목 목록을 표시하는 플러터 위젯입니다. 긴 텍스트, 레이블 또는 지속적인 움직임을 가진 동적 목록을 전시하기에 이상적입니다. 부드러운 애니메이션과 사용자 정의 가능한 방향, 속도 및 동작을 지원합니다. 기존 UI에 원활하게 통합되며 모바일, 웹, 데스크톱 등 주요 모든 플랫폼에서 작동합니다.

사용 사례

  • 긴 텍스트 레이블 표시
  • 애니메이션 뉴스 티커 만들기
  • 스크롤되는 제품 이름 표시
  • 동적 콘텐츠 강조
  • 모션 효과로 UI 개선

주요 기능

  • 수평 및 수직 스크롤
  • 사용자 정의 가능한 스크롤 속도
  • 부드러운 애니메이션
  • 동적 목록 항목을 지원합니다
  • 크로스 플랫폼 호환성

적합한 대상

  • 제한된 공간을 가진 UI
  • 뉴스 또는 공지 바너
  • 제품 전시
  • 애니메이션 텍스트 표시
  • 인터랙티브 대시보드

고려 사항

  • 큰 목록과 함께 성능에 영향을 미칠 수 있습니다
  • 스크롤 속도를 신중하게 조정해야 합니다
  • 정적 콘텐츠에 적합하지 않음
  • 과도하게 사용하면 방해가 될 수 있습니다
  • 모든 대상 플랫폼에서 테스트 필요

원본 README

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

A Flutter Marquee list widget to display a list of items in a marquee style.

marquee_list_showcase

Features

Use this widget in your Flutter app to:

  • Scroll a list of items horizontally or vertically by defining scrollDirection.
  • Customize the scrolling speed using scrollDuration.

Usage

Scroll horizontally
import 'package:marquee_list/marquee_list.dart';

//....
   child: MarqueeList(
     scrollDirection: Axis.horizontal, // By default, it's horizontal
     children: [
       Text("Text 1"),
       Text("Text 2"),
       Text("Text 3"),
       Text("Text 4"),
     ],
   ),
//....
Scroll vertically
import 'package:marquee_list/marquee_list.dart';

//....
   child: MarqueeList(
     scrollDirection: Axis.vertical, // Change direction to vertical
     children: [
       Text("Text 1"),
       Text("Text 2"),
       Text("Text 3"),
       Text("Text 4"),
     ],
   ),
//....
Customize the scrolling speed
import 'package:marquee_list/marquee_list.dart';

//....
   child: MarqueeList(
     scrollDuration: const Duration(seconds: 3), // Default is 1 second
     children: [
       Text("Text 1"),
       Text("Text 2"),
       Text("Text 3"),
       Text("Text 4"),
     ],
   ),
//....
Receive call back when scroll ends using onScrollEnd callback
import 'package:marquee_list/marquee_list.dart';

//....
   child: MarqueeList(
     scrollDirection: Axis.horizontal,
     onScrollEnd: () {
       // Do something when the scroll ends
     },
     children: [
       Text("Text 1"),
       Text("Text 2"),
       Text("Text 3"),
       Text("Text 4"),
     ],
   ),
//....

Contributing to this package

Contributions are welcome! Here is a curated list of how you can help:

  • Report bugs and scenarios that are difficult to implement
  • Report parts of the documentation that are unclear
  • Fix typos/grammar mistakes
  • Update the documentation or add examples
  • Implement new features by making a pull-request

MIT License

Copyright (c) 2024 Burhanuddin Rashid

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

카테고리

소스 저장소

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

아직 데이터가 없습니다.