GitHub-RepositoryMehrankhan-METRA-RGB/cross_scroll

cross_scroll

CrossScroll ist ein Flutter-Paket, das es seinen Kindansichten ermöglicht, vertikal und horizontal zu scrollen. Dies ist wichtig, weil in vielen Fällen Inhalte in beiden Richtungen gescrollt werden müssen.

Projektcover von cross_scroll
Sterne
10
Forks
6
Letzter Push (UTC)
06.09.2024
Projektstatus
Aktiv

Original-README

Englischer Projektschnappschuss. Aktuelle Inhalte auf 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-Autor

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
SprachenDartC++CMakeHTMLSwiftCKotlinObjective-C

Kategorien

Von diesem Repository veröffentlichte Pakete

Verwendete Abhängigkeiten

Abhängigkeiten 2 Einträge

  • flutter{"sdk":"flutter"}
  • flutter_testEntwicklung{"sdk":"flutter"}

Wie wähle ich ein passendes Repository?

Nach Anwendungsfall filtern, Aktivität vergleichen und vor der Nutzung das Originalprojekt prüfen.

  1. Nach Name, Autor oder Beschreibung suchen und nach Thema eingrenzen.
  2. Sterne, Forks und letzte Pushes vergleichen. Sterne zeigen Interesse, garantieren aber keine Qualität.
  3. Vor der Nutzung README, Lizenz und Issues auf GitHub prüfen.

Quellen und Pflege

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

GitHub Docs — About repositories ↗