Learn Flutter on Flutter! A widget directory with implementation samples!

Overview

Fludget

Browse through a variety of widgets used in flutter

made-by-acm license Awesome Flutter


This application is developed to learn Flutter using Flutter. Different widgets used in flutter can be viewed in this app along with their implementation.

Contribute by adding new sample pages for different widgets

  1. Make sure to read the contributing guidelines before contributing.
  2. Clone the repository $ git clone https://github.com/ACM-VIT/fludget
  3. Create a new dart file for the widget being added under lib/routes/
  4. Create a class named WidgetSample and implement the widget
  5. Add a new ListTile in lib/homepage.dart for the widget

Authors

Comments
  • Enhancement: Add Dark theme and Light theme mode

    Enhancement: Add Dark theme and Light theme mode

    Implement a new feature of dark mode and option to switch between dark mode and light mode. The option to switch should be present in the settings menu which is present in the application. Please attach screenshots of your work once done in the PR. Hit me up incase of any doubt.

    enhancement help wanted hacktoberfest 
    opened by AryanKhubchandani 15
  • Added intractive viewer widget

    Added intractive viewer widget

    Fix :Add InteractiveViewer Widget to the Widget Catalog

    Recording : https://user-images.githubusercontent.com/74712101/138568251-2745b76f-e66e-43eb-a83b-3de4e7af52dd.mp4

    hacktoberfest-accepted 
    opened by Nix-Naman 13
  • Refactor: Remove unused imports

    Refactor: Remove unused imports

    Some unused imports are present which need to be removed. Make sure there are no unintentional spaces/empty lines left once the imports have been removed.

    good first issue hacktoberfest 
    opened by AryanKhubchandani 10
  • Added cupertino widgets and improved existing ones.

    Added cupertino widgets and improved existing ones.

    • Changed code font-family to Menlo for better UI and readability.
    • Improved existing cupertino widgets and add individual widgets of all cupertino-widgets.

    closes #219

    Changes : modified: ios/Podfile.lock modified: lib/routes/Root/rootScreen.dart modified: lib/routes/cupertino_activity_indicator.dart new file: lib/routes/cupertino_alert_dialog.dart new file: lib/routes/cupertino_button.dart new file: lib/routes/cupertino_context_menu.dart new file: lib/routes/cupertino_date_picker.dart new file: lib/routes/cupertino_modal_popup.dart new file: lib/routes/cupertino_popup_surface.dart new file: lib/routes/cupertino_search_field.dart new file: lib/routes/cupertino_sliding_segment_control.dart new file: lib/routes/cupertino_switch.dart new file: lib/routes/cupertino_text_field.dart new file: lib/routes/cupertino_time_picker.dart modified: lib/widgetList.dart modified: pubspec.lock modified: pubspec.yaml

    One widget sample :

    https://user-images.githubusercontent.com/63921776/138442990-75d1993f-6682-4ebf-ad1d-09af246b795e.mp4

    hacktoberfest-accepted 
    opened by Shah-Aayush 9
  • Implement FocusNode Widget in the Widget Catalog

    Implement FocusNode Widget in the Widget Catalog

    FocusNode Widget needs to be added to the Widget Catalog. Read 'How to contribute to the Widget Catalog' in the README for detailed steps. Make sure to include all the arguments(name, implementation, description, codeString, link and category). Refer to any widget in widgetList.dart and its own *widget*.dart file for better understanding. Showcase all properties of the widget. (Refer to the official docs in case of any doubts) Please attach screenshots of the same once done in the PR.

    help wanted good first issue hacktoberfest 
    opened by AryanKhubchandani 9
  • Added Cupertino-Widgets

    Added Cupertino-Widgets

    closes #163

    • High-Fidelity widgets for current iOS design language implemented with working examples of each widget.
    • Build iOS app file and Tested on iOS devices
    • Here is the preview of some cupertino-widgets :

    https://user-images.githubusercontent.com/63921776/137256494-c21a0e94-48de-4e7a-be5c-aaad4304b09d.mp4

    .

    opened by Shah-Aayush 9
  • Classifying widgets by different categories

    Classifying widgets by different categories

    Currently all types of widgets (layout , animation etc) are in single page/list. it would be great if group same type of widgets, either in a single list or by listing different pages in app drawer(for example one layout menu in app drawer for all the layout widgets)

    hacktoberfest 
    opened by suryaa62 9
  • Implement AbsorbPointer widget in the Widget Catalog

    Implement AbsorbPointer widget in the Widget Catalog

    AbsorbPointer Widget needs to be implemented in the Widget Catalog. Make sure to include the description of the widget in the Description tab and add an argument to include link to the official docs of the widget (Refer to any example in homepage.dart for better understanding. Showcase the implementation properly using various clickable widgets. Make sure to also include a button in the end which can set absorbing property to false to showcase the usage of the widget. Hit me up incase of any doubt. Please attach screenshots of the same once done in your PR.

    help wanted good first issue hacktoberfest 
    opened by AryanKhubchandani 9
  • Add TextField Widget

    Add TextField Widget

    TextField widget needs to be added to widget catalog. There should be two tabs within the page, one tab named "Description' to describe the widget and another tab named 'Implementation' to show the implementation of the widget. Please make sure all the implementations are present like number input, password input, etc. Please attach screenshots of your work in the PR.

    good first issue hacktoberfest helper issue 
    opened by AryanKhubchandani 9
  • Added Padding widget

    Added Padding widget

    I've added the padding widget with some examples of application

    https://user-images.githubusercontent.com/33298980/138355795-0f3feec1-d597-43d9-b66c-eb88ec0394bf.mp4

    hacktoberfest-accepted 
    opened by yuran09 8
  • Implemented DatePickerDialog Widget in the Widget Catalog

    Implemented DatePickerDialog Widget in the Widget Catalog

    https://user-images.githubusercontent.com/70368661/137623359-a92cecaa-219a-40ae-a86a-f6f321093659.mp4

    Hey!!.. I have implemented the DatePicker widget . Kindly review.

    duplicate 
    opened by sachin161kr 8
  • Add Positioned Widget to the Widget Catalog

    Add Positioned Widget to the Widget Catalog

    Positioned Widget needs to be added to the Widget Catalog. Read How to contribute to the Widget Catalog in the README for detailed steps. Make sure to include all the arguments(name, implementation, description, codeString, link and category). Refer to any widget in widgetList.dart and its own *widget*.dart file for better understanding. Showcase all possible parameters of the widget using different examples. (Refer to the official docs in case of any doubts) Please attach screenshots of the same once done in the PR.

    help wanted good first issue hacktoberfest 
    opened by AryanKhubchandani 2
  • Implement AnimatedContainer Widget to the Widget Catalog

    Implement AnimatedContainer Widget to the Widget Catalog

    AnimatedContainer Widget needs to be added to the Widget Catalog. Read How to contribute to the Widget Catalog in the README for detailed steps. Make sure to include all the arguments(name, implementation, description, codeString, link and category). Refer to any widget in widgetList.dart and its own *widget*.dart file for better understanding. Make the animation attractive by using different properties and not just one property. (Refer to the official docs in case of any doubts) Please attach screen recording of the same once done in the PR.

    help wanted good first issue hacktoberfest 
    opened by AryanKhubchandani 2
  • Implement SafeArea Widget to the Widget Catalog

    Implement SafeArea Widget to the Widget Catalog

    SafeArea Widget needs to be added to the Widget Catalog. Read How to contribute to the Widget Catalog in the README for detailed steps. Make sure to include all the arguments(name, implementation, description, codeString, link and category). Refer to any widget in widgetList.dart and its own *widget*.dart file for better understanding. Showcase examples with and without using this widget. (Refer to the official docs in case of any doubts) Please attach screenshots of the same once done in the PR.

    help wanted good first issue hacktoberfest 
    opened by AryanKhubchandani 3
  • Remove original Splash Screen

    Remove original Splash Screen

    Original splash screen needs to be removed from the application. The name of the files are android/app/src/main/res/drawable/splash_grad.xml and android/app/src/main/res/layout/splash.xml. Make sure to remove these files only, not the current implementation of SplashScreen in lib folder

    good first issue hacktoberfest 
    opened by AryanKhubchandani 2
  • Add ValueListenableBuilder Widget to the Widget Catalog

    Add ValueListenableBuilder Widget to the Widget Catalog

    ValueListenablBuilder Widget needs to be added to the Widget Catalog. Read How to contribute to the Widget Catalog in the README for detailed steps. Make sure to include all the arguments(name, implementation, description, codeString, link and category). Refer to any widget in widgetList.dart and its own *widget*.dart file for better understanding. Showcase all properties of the widget. (Refer to the official docs in case of any doubts) Please attach screen recording of the same once done in the PR.

    help wanted good first issue hacktoberfest 
    opened by AryanKhubchandani 2
Owner
ACM VIT
ACM-VIT, one of the most reputed and distinguished technical chapter in VIT-Vellore has been working with vision and determination since it’s inception in 2009.
ACM VIT
A collection of Dart code samples by Dart DevRel

Dart samples A collection of Dart programs that illustrate features and best practices. For a list of community-maintained projects, see Awesome Dart.

Dart 458 Dec 30, 2022
A Dart library for creating a Dart object to represent directory trees.

Directory Tree A Dart library for creating a Dart object to represent directory trees. Getting Started Import and initialize package import 'package:d

Chiziaruhoma Ogbonda 5 Dec 1, 2021
An app to show everything bus related in Singapore, including arrival times and a directory

NextBus SG An app to show everything bus related in Singapore, including bus arrival times and a directory, with extra features. ?? Gallery Click here

null 103 Sep 13, 2022
Automatically increment File & Directory name and create

Name Plus Automatically increment File & Directory name and create. Getting Started In the pubspec.yaml of your flutter project, add the following dep

Thit Lwin 0 Dec 29, 2021
App to learn how to code with a lot of great courses and ideas of projects to do, focused on productivity and fast learn. 💻

skoola A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i

Batista Tony 3 Oct 29, 2021
Dart GraphQL server implementation. Utilities, code generator, examples and reference implementation.

Leto - GraphQL Server A complete implementation of the official GraphQL specification in the Dart programming language. Inspired by graphql-js, async-

Juan Manuel Castillo 29 Nov 27, 2022
In this video, we learn how to do integrate Google Admob with Flutter with latest Flutter 2.0 Google Admob Package.

?? Monetizing Flutter apps with Google AdMob ?? In this video, we learn how to do integrate Google Admob with Flutter with latest Flutter 2.0 Google A

SnippetCoder 14 Nov 30, 2022
Flutter App Developer Roadmap - A complete roadmap to learn Flutter App Development

Flutter App Developer Roadmap - A complete roadmap to learn Flutter App Development. I tried to learn flutter using this roadmap. If you want to add something please contribute to the project. Happy Learning

Md Tarikul Islam 708 Jan 3, 2023
A simple app to keep track the time you Learn, Playing, Reading, ... in every week. This is also my attempt to teach myself Flutter & Dart

Progressor 0.0.1 Sometime you want to set a target for you weekly, for example: "Reading Book for 8 hours every week". This app helps you to do that.

Son Nguyen Hoang 4 Oct 12, 2022
A weather app built to learn how to use Canvas and Animation in Flutter.

Weather Quick Disclaimer I removed my private OpenWeather API key from the repo, if you want to get the weather forecast use your own in the openweath

Alessandro Aime 147 Dec 21, 2022
A starter project guide to learn Flutter and its tools.

flutter_catalog A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

null 2 Sep 21, 2021
A playground for me to learn the Riverpod state management library in Flutter.

clothes_shop A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

Benhenneda Majid 2 Oct 25, 2021
Learn flutter threw my codes in just 10 days.

hello_world A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if t

Khushhal Garg 0 Nov 24, 2021
A project to learn Flutter

shop_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Đỗ Đức Hiếu 0 Nov 24, 2021
Learn about Firestore and new Google authentication for flutter

Google Firebase Services Note: Some parts are not committed and they are on working. It this practical project we learned Firebase Authentication and

AmirHossein Mohammadi 7 Feb 12, 2022
A Flutter project to learn more about the Pokemon's world

A Flutter project to learn more about the Pokemon's world and can also serve as good practice reference for other flutter projects.

Jeffrey Kengne 2 Aug 30, 2022
Learn to build apps that work on Android, iOS, Web, and Desktop

Cross-Platform Development with Flutter Course Learn to build apps that work on Android, iOS, Web, and Desktop Go To Course Flutter is Google’s UI too

Mohamed Ibrahim 11 Oct 24, 2022
An App I made to learn of FIrebase Phone Auth and ML Kit

demoapp A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

D Srikhar Shashi 1 Oct 19, 2021
A project to learn about Clean Architecture

Star Wars - Clean Architecture I'm developing this App aiming to learn about Clean Architecture and Dart/Flutter It's a very simple app which the user

Leonardo Presoto de Oliveira 9 Feb 1, 2022