GitHub 저장소Mehrankhan-METRA-RGB/cross_scroll

cross_scroll

CrossScroll은 자식 뷰를 수직 및 수평으로 스크롤할 수 있게 해주는 플러터 패키지입니다. 많은 경우에 콘텐츠를 양방향으로 스크롤해야 하므로 이는 매우 중요합니다.

cross_scroll 프로젝트 이미지
스타
10
포크
6
최근 푸시(UTC)
2024. 9. 6.
프로젝트 상태
활성

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.


Cross Scroll

A CrossScroll is a flutter Package that permits it’s child views to be scrolled vertically and Horizontally. This is important because in many cases you need content to be scrolled on both side.

List of features
  • The vertical scrollbar wil never hides when the scrolling on horizontal axis and vice versa. The scrollBar never hides with scrolling on any directions.
  • Support track onClick scrolls.
  • Support thumb Drag scrolls.
  • Support All feature SingleChildScrollView have.

🔗 Links

linkedin

Tested Platform

WEB
  • MicroSoft Edge

cross_scroll web test

  • MacOS-Chrome mac-web-test
Windows
  • Windows 10

cross_scroll window test

Mobiles
  • IOS 15.2

IOS image

  • Android 11

Android image

Getting started

CrossScrollView

CrossScroll(child:Container(), ///your child 
    );
 
Modify Thumb and Track
 CrossScrollBar crossScrollBar=CrossScrollBar(thumb: ScrollThumb.alwaysShow,
    track: ScrollTrack.show,
    thickness: 8,
    hoverThickness: 8,
    thumbRadius: Radius.elliptical(8, 8));
Scrolling Behaviours
 final CrossScrollStyle _crossScrollStyle =  CrossScrollStyle(
    physics: BouncingScrollPhysics(),
    keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.manual,
    padding:const EdgeInsets.symmetric(vertical: 2),
  );

Infinite Cross Scrolling (BETA)

 CrossScrollBar(
 controller: controller,
child: InfiniteCrossScroll(
maxRows: 10,
maxColumns: 10,
controller: controller,
cellSize: const Size(150, 150),
builder: (context, vicinity) => Container(
height: 150,
width: 150,
color: Color.fromARGB(255, Random().nextInt(255),
Random().nextInt(255), Random().nextInt(255)),
   ),
  ),
 ),

License

This project is licensed under the MIT License - see the LICENSE file for details.

Additional information

Coming soon...


Mehran Ullah GitHub avatar
GitHub 작성자

Mehran Ullah ↗

As a seasoned Software Developer, my expertise lies in Flutter and NodeJS. My primary objective is to develop complex apps.

METRA-DEVPakistan, KPK, Peshawar
언어DartC++CMakeHTMLSwiftCKotlinObjective-C

분류

이 저장소가 배포한 패키지

사용 중인 의존성

의존성 목록 2 개

  • flutter{"sdk":"flutter"}
  • flutter_test개발 의존성{"sdk":"flutter"}

프로젝트에 맞는 저장소를 선택하려면?

사용 목적에 따라 검색하고 개발 활동을 비교한 뒤 원본 저장소에서 요구 사항을 확인하세요.

  1. 이름, 작성자 또는 설명으로 검색하고 기술 주제로 범위를 좁힙니다.
  2. 스타, 포크, 최근 푸시를 함께 비교하세요. 스타는 관심의 지표이며 품질을 보장하지 않습니다.
  3. 사용하기 전에 GitHub에서 README, 라이선스, Issues를 확인하세요.

출처 및 관리

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗