GitHub 代码仓Mehrankhan-METRA-RGB/cross_scroll

cross_scroll

CrossScroll 是一个 Flutter 包,允许其子视图进行垂直和水平滚动。这一点非常重要,因为在许多情况下,您需要内容在两个方向上都能滚动。

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 ↗