Coder Social home page Coder Social logo

hauketoenjes / responsive_grid_list Goto Github PK

View Code? Open in Web Editor NEW
19.0 19.0 10.0 198 KB

A Flutter plugin to create responsive grid lists using ListView.builder() or SliverList with a SliverChildBuilderDelegate

Home Page: https://pub.dev/packages/responsive_grid_list

License: BSD 3-Clause "New" or "Revised" License

Dart 100.00%
dart flutter grid layout package responsive widget widgets

responsive_grid_list's Introduction

Hauke's GitHub Stats Top Languages

responsive_grid_list's People

Contributors

coffeduong avatar hauketoenjes avatar marcuswichelmann avatar willov avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

responsive_grid_list's Issues

Max number of items per row

When my app works in web, the width is very big as expected. But I don't want to see 10 grid items next to each other.

Is there a way to limit the maximum number of grid items per row?

Thanks

Load more

How to use load more in this package

dynamic height aka masonry/staggered

Hello, im using your library on version responsive_grid_list: ^1.3.1 and i have trouble of making dynamic height cards within.
My expectation is
image

my code

ResponsiveSliverGridList(
        horizontalGridSpacing: 16,
        verticalGridSpacing: 16,
        horizontalGridMargin: 0,
        verticalGridMargin: 0,
        minItemWidth: 400,
        minItemsPerRow: 1,
        maxItemsPerRow: 6,
        rowMainAxisAlignment: MainAxisAlignment.start,
        sliverChildBuilderDelegateOptions: SliverChildBuilderDelegateOptions(),
        children: items.asMap().entries.map(
          (e) {
            final page = items[e.key];
            return Container(
                child: Text(page.text), //can be length of null or 5+ paragraphs
              );
          },
        ).toList(),
      ),

Propuesta

I wish you could add one more property to the component: physics... which would allow to add the component to an existing list and thus with the physics implement that it does not have sub-scroll. (PS: sorry for my English)

Use all available scroll options with this package

Feature request:- Add scroll controller and all other properties like SingleChildScrollView().

  Axis scrollDirection = Axis.vertical,
  bool reverse = false,
  bool? primary,
  ScrollPhysics? physics,
  ScrollController? controller,
  DragStartBehavior dragStartBehavior = DragStartBehavior.start,
  Clip clipBehavior = Clip.hardEdge,
  String? restorationId,
  ScrollViewKeyboardDismissBehavior keyboardDismissBehavior = ScrollViewKeyboardDismissBehavior.manual,

Flutter 3.3. - No way to use PrimaryScrollController on Desktop/Web platforms

Issue: No way to use PrimaryScrollController on Desktop/Web platforms due to it no longer automatically attaching to vertical ScrollViews on desktop platforms with Flutter 3.3+

Use Case: This is necessary so an application can detect the position and retrieve additional data (infinite scroll).

Possible Solution: Either expose a way to set the ListView.Builder.primary parameter OR allow passing in a ScrollController.

Flutter 3.3 behavior change documentation
https://docs.flutter.dev/release/breaking-changes/primary-scroll-controller-desktop

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.