Skip to content

Explore and master Flutter widgets with code examples and explanations. This repository houses a curated collection of Flutter widgets, each accompanied by detailed code examples and explanations.

License

Notifications You must be signed in to change notification settings

sgc93/Flutter-Widget-Library

Repository files navigation

FlutterWidgetLibrary

Welcome to the FlutterWidgetLibrary, a resource for exploring and mastering Flutter widgets with code examples and explanations. This repository serves as a curated collection of Flutter widgets, each accompanied by detailed code examples and explanations. Whether you're a Flutter enthusiast looking to deepen your widget knowledge or a developer seeking practical solutions for your projects, you'll find a wealth of valuable insights and code samples here.

Contents

  • Widgets Showcase: Browse through collection of Flutter widgets, each showcased with real-world use cases and code samples.
  • Code Examples: Access easy-to-follow code examples that demonstrate how to use each widget effectively.
  • Widget Explanations: Gain a deeper understanding of Flutter widgets through comprehensive explanations and usage guidelines.
  • Contributions: I welcome contributions from the community! Share your own widget examples, improvements, or bug fixes.

Explored Widget Lists

  1. ListView
    See on flutter doc
    a. ListView()
    Syntax:

    ListView(
       children: <Widget>[
          // List items go here
       ],
    )

    for more example: check ListView

    b. ListView.builder()
    Syntax:

    ListView.builder(
      itemCount: <itemCount>,
      itemBuilder: (BuildContext context, int index) {
        // Return a widget based on the index
      },
    )

    for more example: check ListView.builder

    c. ListView.separated()
    Syntax:

    ListView.separated(
     itemCount: <itemCount>,
     separatorBuilder: (BuildContext context, int index) {
        // Return the separator widget
    },
    itemBuilder: (BuildContext context, int index) {
      // Return a widget based on the index
    },
    )

    for more example: check ListView.builder

  2. GridView

  3. Animation

  • Explicit Animation
  • Tween Animation
  • _Animation with Controller
  1. FutureBuilder
  2. BoxShadow
  3. Drawer and endDrawer
  • Drawer
  • endDrawer
  1. ModalBottomSheet

  2. Navigation Bars

  • BottomNavigationBar
  • NavigationBar
  • NavigationRail

Contributing

Contributions to this repository are highly encouraged. Whether you want to add new widgets, improve existing code samples, or fix issues, I appreciate your help.

Contact

For questions, feedback, or inquiries, please contact [email protected].

Happy coding!

About

Explore and master Flutter widgets with code examples and explanations. This repository houses a curated collection of Flutter widgets, each accompanied by detailed code examples and explanations.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published