Code Monkey home page Code Monkey logo

draggable-scrollable-sheet's Introduction

draggable scrollable sheet example

A new Flutter project.

Getting Started

This project is a starting point for a Flutter application.

How It works

animal_data

DraggableScrollableSheet

basic structure of this widget is

DraggableScrollableSheet(
  initialChildSize: ,              // range between 0.0 - 1.0
  minChildSize: ,                  // range between 0.0 - 1.0
  maxChildSize: ,                   // range between 0.0 - 1.0
  builder: (context, scrollController) {
    // return Widget;
  },
);

We can use any widget as a child of DraggableScrollableSheet widget

a perfect example is to use ListView as a child

builder: (context, scrollController) {
  return Container(
    child: ListView(
      physics: const BouncingScrollPhysics(),
      controller: scrollController, // enables scrolling 
      children: [
        // ...
      ],
    ),
  );
}

It is usefull to wrap DraggableScrollableSheetwith a dContaner and a Stack widget like:

Stack(
  children: [
    // ....
    Container(
      decoration: BoxDecoration(
        // ...
      ),
      child: DraggableScrollableSheet(
        // ...
      ),
    ),
  ],
),

draggable-scrollable-sheet's People

Contributors

rahul-812 avatar

Watchers

 avatar

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.