GitHub リポジトリMehrankhan-METRA-RGB/cross_scroll

cross_scroll

CrossScroll は、子ビューを垂直および水平方向にスクロールできるようにするFlutterパッケージです。多くの場合、コンテンツを両方向にスクロールする必要があるため、これは重要です。

cross_scroll のプロジェクト画像
スター
10
フォーク
6
最終プッシュ(UTC)
2024/09/06
プロジェクト状態
公開中

元の 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 ↗