[Examples] Simple basic isolated apps, for budding flutter devs.

Overview

Image

Show some ❤️ and star the repo to support the project

GitHub stars GitHub forks GitHub watchers GitHub followers
Twitter Follow

Main repository containing all the example apps demonstrating features/functionality/integrations in Flutter application development

Featured In

Lookup Links: [Setup Flutter] [Widgets Catalog] [Dart Lang]

Example apps

  1. Simple Material App
  2. Using Theme
  3. Stateless Widgets
  4. Stateful Widget
  5. Using EditText
  6. Load local image
  7. Load local json
  8. Unit Testing
  9. Using HTTP GET
  10. Using Alert Dialog
  11. Using Stepper
  12. Using Tabs
  13. Using Bottom Navigation Bar
  14. Using Custom Fonts
  15. Using Gradient
  16. Navigation Drawer
  17. Enable Splash Screen
  18. Using Listview
  19. Using SnackBar
  20. Grid Layout
  21. DropDown Button
  22. Image from Network
  23. Infinite List
  24. Google Signin
  25. Persist Key Value
  26. Using InteractiveViewer
  27. Using Bottom Sheet
  28. View PDF File

Complete apps with multiple features

  1. Tip Calculator
  2. Expense Planner
  3. Notes App

Get packages for all flutter projects

  • Once you have cloned this repo, navigate to the root of this repo.
  • Next run ./get_packages.sh

    Make sure the script is executable. If it is not, then run chmod +x get_packages.sh first to make it executable.

  • Done!

Pull Requests

I welcome and encourage all pull requests. It usually will take me within 24-48 hours to respond to any issue or request. Here are some basic rules to follow to ensure timely addition of your request:

  1. Match coding style (braces, spacing, etc.) This is best achieved using Reformat Code feature of Android Studio CMD+Option+L on Mac and CTRL + ALT + L on Linux + Windows .
  2. If its a feature, bugfix, or anything please only change code to what you specify.
  3. Please keep PR titles easy to read and descriptive of changes, this will make them easier to merge :)
  4. Pull requests must be made against develop branch. Any other branch (unless specified by the maintainers) will get rejected.
  5. Check for existing issues first, before filing an issue.
  6. Make sure you follow the set standard as all other projects in this repo do

    Make sure the package name conforms to the format: github.nisrulz.<app_name>

  7. Have fun!

Extra

Since the repo is pretty large now , I am sure many folks would like to download only some of the projects. To tackle that follow the steps below:

  • Install svn using homebrew (mac/linux)

    brew install svn
  • Copy the name of the example folder in this repo i.e simple_material_app

  • Next replace example_folder in the below command:

    svn checkout https://github.com/nisrulz/flutter-examples/trunk/example_folder

    i.e Consider simple_material_app is the name of the example's folder, the command becomes:

    svn checkout https://github.com/nisrulz/flutter-examples/trunk/simple_material_app
  • Done! You should have the specific example all checked out!

Author & support

This project was created by Nishant Srivastava but hopefully developed and maintained by many others. See the the list of contributors here.

If you appreciate my work, consider buying me a cup of to keep me recharged 🤘 [PayPal]

License

Copyright 2017 Nishant Srivastava

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
Comments
  • [Fixes #97] Added a News & Memes App

    [Fixes #97] Added a News & Memes App

    What does this implement/fix? Explain your changes

    Adds a new app to display News and Memes

    Does this close any currently open issues?

    • [x] Yes, Fixes #97
    • [ ] No
    opened by Sriraj-dev 8
  • Example Request : A basic Memes/News app

    Example Request : A basic Memes/News app

    Hey Nishant, I would like to contribute to this repo by adding an app which can show the latest news feed and memes to the users.

    Can I make a PR on this under Hacktoberfest?

    opened by Sriraj-dev 5
  • A RenderFlex overflowed by 15 pixels on the bottom.

    A RenderFlex overflowed by 15 pixels on the bottom.

    The following error is raised in case you tilt the phone -

    I/FlutterActivityDelegate(13663): onResume setting current activity to this I/flutter (13663): ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════ I/flutter (13663): The following message was thrown during layout: I/flutter (13663): A RenderFlex overflowed by 15 pixels on the bottom. I/flutter (13663): I/flutter (13663): The overflowing RenderFlex has an orientation of Axis.vertical. I/flutter (13663): The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and I/flutter (13663): black striped pattern. This is usually caused by the contents being too big for the RenderFlex. I/flutter (13663): Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the I/flutter (13663): RenderFlex to fit within the available space instead of being sized to their natural size. I/flutter (13663): This is considered an error condition because it indicates that there is content that cannot be I/flutter (13663): seen. If the content is legitimately bigger than the available space, consider clipping it with a I/flutter (13663): ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex, I/flutter (13663): like a ListView. I/flutter (13663): The specific RenderFlex in question is: I/flutter (13663): RenderFlex#ff4a0 relayoutBoundary=up2 OVERFLOWING I/flutter (13663): creator: Column ← Center ← Container ← MediaQuery ← LayoutId-[<_ScaffoldSlot.body>] ← I/flutter (13663): CustomMultiChildLayout ← AnimatedBuilder ← DefaultTextStyle ← AnimatedDefaultTextStyle ← I/flutter (13663): _InkFeatures-[GlobalKey#87c38 ink renderer] ← NotificationListener ← I/flutter (13663): PhysicalModel ← ⋯ I/flutter (13663): parentData: offset=Offset(0.0, 0.0) (can use size) I/flutter (13663): constraints: BoxConstraints(0.0<=w<=698.2, 0.0<=h<=316.7) I/flutter (13663): size: Size(698.2, 316.7) I/flutter (13663): direction: vertical I/flutter (13663): mainAxisAlignment: start I/flutter (13663): mainAxisSize: max I/flutter (13663): crossAxisAlignment: stretch I/flutter (13663): verticalDirection: down I/flutter (13663): ◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤ I/flutter (13663): ════════════════════════════════════════════════════════════════════════════════════════════════════

    opened by gitboss 5
  • Added Sample app for SliverAppBar Widget

    Added Sample app for SliverAppBar Widget

    What does this implement/fix? Explain your changes Added a sample app/folder for showcasing SliverAppBar Widget.

    Does this close any currently open issues?

    • [ ] Yes
    • [x ] No

    Any relevant logs, error output, bug-report etc?

    Any other comments?

    • Where has this been tested? Android Emulator and Android 12 physical device

    • Target Platform: Android/IOS

    • Configuration Information:

    • Misc:

    opened by TheGuyDangerous 4
  • whatsapp like theming in app

    whatsapp like theming in app

    I have used shared preferences and theme provider packages to produce the same theme change options provided by Whatsapp with three modes light dark and auto [ which takes on default the system theme in the application]. I hope this helps someone and saves their time thanks!

    opened by supersaiyan1033 4
  • chore: a easy way to get flutter packages

    chore: a easy way to get flutter packages

    This PR will let developer can get flutter packages of all project in just one command(by using nodejs)!

    The following is the result of running the command!

    $ node ./get_flutter_packages.js
    D:\src\flutter_project\flutter-examples\dropdown_button get packages start...
    D:\src\flutter_project\flutter-examples\enabling_splash_screen get packages start...
    D:\src\flutter_project\flutter-examples\google_signin get packages start...
    D:\src\flutter_project\flutter-examples\grid_layout get packages start...
    D:\src\flutter_project\flutter-examples\handling_routes get packages start...
    D:\src\flutter_project\flutter-examples\image_from_network get packages start...
    D:\src\flutter_project\flutter-examples\infinite_list get packages start...
    D:\src\flutter_project\flutter-examples\load_local_image get packages start...
    D:\src\flutter_project\flutter-examples\load_local_json get packages start...
    D:\src\flutter_project\flutter-examples\navigation_drawer get packages start...
    D:\src\flutter_project\flutter-examples\persist_key_value get packages start...
    D:\src\flutter_project\flutter-examples\simple_material_app get packages start...
    D:\src\flutter_project\flutter-examples\stateful_widget get packages start...
    D:\src\flutter_project\flutter-examples\stateless_widgets get packages start...
    D:\src\flutter_project\flutter-examples\tip_calculator get packages start...
    D:\src\flutter_project\flutter-examples\using_alert_dialog get packages start...
    D:\src\flutter_project\flutter-examples\using_bottom_nav_bar get packages start...
    D:\src\flutter_project\flutter-examples\using_custom_fonts get packages start...
    D:\src\flutter_project\flutter-examples\using_edittext get packages start...
    D:\src\flutter_project\flutter-examples\using_gradient get packages start...
    D:\src\flutter_project\flutter-examples\using_http_get get packages start...
    D:\src\flutter_project\flutter-examples\using_listview get packages start...
    D:\src\flutter_project\flutter-examples\using_snackbar get packages start...
    D:\src\flutter_project\flutter-examples\using_stepper get packages start...
    D:\src\flutter_project\flutter-examples\using_tabs get packages start...
    D:\src\flutter_project\flutter-examples\using_theme get packages start...
    Running "flutter packages get" in enabling_splash_screen...         1.4s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in load_local_image...               1.4s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in using_custom_fonts...             1.2s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in using_stepper...                  1.2s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in grid_layout...                    1.1s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in infinite_list...                  0.6s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in using_gradient...                 0.6s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in google_signin...                  0.8s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in stateful_widget...                0.5s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in using_edittext...                 0.8s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in using_snackbar...                 1.4s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in using_http_get...                 0.8s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in using_tabs...                     0.7s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in tip_calculator...                 0.6s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in handling_routes...                0.6s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in using_listview...                 0.8s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in simple_material_app...            0.6s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in image_from_network...             0.8s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in using_bottom_nav_bar...           1.0s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in load_local_json...                1.0s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in dropdown_button...                0.7s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in persist_key_value...              0.8s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in navigation_drawer...              0.7s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in using_alert_dialog...             0.5s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in stateless_widgets...              0.5s
    
    Waiting for another flutter command to release the startup lock...
    Running "flutter packages get" in using_theme...                    0.6s
    
    All project get flutter packages in 49.266 seconds
    
    opened by psaren 4
  • using_theme floating button theme issue

    using_theme floating button theme issue

    floatingActionButton: new Theme(
        // override the accent color of theme for this widget only
        data: Theme.of(context).copyWith(accentColor: Colors.pinkAccent),
        child: new FloatingActionButton(
          onPressed: null,
          child: new Icon(Icons.add),
        ),
      ),
    

    This is not working. Floating color button is set to lightGreenAccent.

    bug 
    opened by dksharp 4
  • google_signin failing to build and run on flutter 1.2.1

    google_signin failing to build and run on flutter 1.2.1

    Yesterday (monday april 29 2019), I cloned the repo and tried to build the "google_signin" project. Eventually I got it building and running, after an hour of retesting. I tested my changes only on a Pixel 2 connected device running Android P.

    I can build a pull request, if you like. I plan to test the changes in a Nexus 5x emulator today.

    The problem seemed to be related to the latest versions of firebase_auth and google_sign_in. I changed 6 files, although all changes may not be necessary for the fix.

    opened by bwfrieds 4
  • Example Request: Save data Locally with SQLite

    Example Request: Save data Locally with SQLite

    Hey Nishant, I would like to contribute to this repository by adding a simple notes app which stores data locally on a Device using SQLite database Can I make a PR on this?

    opened by Mukund-Tandon 3
  • Added Covid-19 Example app.

    Added Covid-19 Example app.

    Added an example app that uses NovelCOVID API to track Corona Virus cases. The app has two pages:

    1. Home Screen - shows Corona Virus cases in India by default(user can change this by changing the 'url2' variable).
    2. Affected Countries - show Corona Virus cases in different countries. Users can tap on the foldable tile to view details. He/she can also search for a country.

    The packages used in this project are as follows:

    1. number_display - to display data in a width-limited component. For eg: it converts 2500000 to 2.5M
    2. http - to send HTTP requests to the API.
    3. bezier_chart - to visualize the received data from the API.
    4. folding_cell - to display a foldable cell to view details(total deaths, today cases, etc.). This foldable cell is present in the 'Affected Countries' page.

    I hope this helps someone and saves their time. Thanks!

    opened by mehdi1514 3
  • implementation of listwheelscrollview widget

    implementation of listwheelscrollview widget

    Sir, I have done all the prescribed measures to generate this pull request. This app is an implementation of listwheelscrollview widget . Its very cool widget. Its similar to listview but in listwheelscrollview children on a wheel can be scrolled. Thus creating a 3D effect. please guide me if something more is needed.

    opened by ralphcoder 3
  • Login module UI built with flutter

    Login module UI built with flutter

    What does this implement/fix? Explain your changes

    • Implemented Login module UI built with flutter

    Does this close any currently open issues?

    • [ ] Yes
    • [x] No

    Any relevant logs, error output, bug-report etc?

    Any other comments?

    • Where has this been tested?

    • Target Platform:

    • iOS/Android
    • Configuration Information:

    • Misc:

    login_ui

    opened by vishalkevin11 1
  • Example Request: BMI calculator

    Example Request: BMI calculator

    Hey, I would like to contribute to this repository a simple BMI calculator app. It takes height and weight and shows the BMI and gives a remark on your weight.

    opened by SoulPlayer23 3
  • Example Request: International Meals Recipes Mobile App

    Example Request: International Meals Recipes Mobile App

    Hey Nishant, I would like to contribute to this repo. I have created a mobile app that shows different meals of different countries and suited for different moods and their pictures and how to cook them with proper ingredients and step by step recipes.

    I have split the code into different files. I will document the code and also use understandable variable names as much as possible. I have also formatted the code in every file. I am using the latest version of flutter 2.5.1.

    Can I create a PR ?

    opened by RohanSengupta326 0
  • Example Request: Covid-19 Mobile App

    Example Request: Covid-19 Mobile App

    Hey Nishant,

    I would like to contribute to this repo. I have created a mobile app that tracks Covid-19 cases. It uses the NovelCOVID API to fetch the results. I have also included some data visualizations in the app.

    Hacktoberfest 
    opened by mehdi1514 4
Owner
Nishant Srivastava
non-GDE Android Engineer crushing code 👨🏻‍💻
Nishant Srivastava
An app showcasing Flutter components, with side-by-side source code view.

Flutter Catalog An app showcasing Flutter components, with side-by-side source code view. ?? ?? New: Flutter Catalog is now available in the browser!

xwei 1.8k Jan 3, 2023
Generative d.Art with Flutter

Generative d.Art Demonstrate how to generate your very own #d_Art using Flutter. As a technical point we are NOT relying on Widget but RenderBox direc

Robert Felker 445 Jan 3, 2023
[Example APPS] Basic Flutter apps, for flutter devs.

Show some ❤️ and star the repo to support the project This repository containing links of all the example apps demonstrating features/functionality/in

Pawan Kumar 17.9k Jan 2, 2023
Basic Flutter apps, for flutter devs

flutter_do Basic Flutter apps, for flutter devs. 一个帮助开发者加深了解 Flutter 的项目,提供了 N 多个常用 Widget 和自定义 Widget 的使用及实现方法,涵盖了系统 Widget 、布局容器、动画、高阶功能、自定义 Widget

null 49 May 21, 2022
An isolated worker for Flutter (Isolate) and Web (Web Worker). Behaves almost the same as the compute function, except it is not a one-off worker.

A singleton isolated worker for all platforms. On most platforms, it uses Flutter's Isolate, except on the web, since Isolate is not available, it use

Iandi Santulus 30 Nov 11, 2022
John Pfister 2 Feb 25, 2022
Drishti is a simple mobile application created as a project for YIP KDISC and Google Devs Solution Challenge

Drishti is a simple mobile application created as a project for YIP KDISC and Google Devs Solution Challenge. This app aims to make reporting and spreading the news of accidents and dangers easier and effective.

Friendly Neighbourhood Tekys 1 Nov 29, 2022
DEVS: Developer Board and Jobs Listing | For Developers, By Developers

devs Setup Currently, this DEVS project is using the master channel of the Flutter SDK. TODO: Migrate to beta Clone the project git clone https://gith

Flutter Philippines Community 40 Apr 16, 2022
ABC of Flutter widgets. Intended for super beginners at Flutter. Play with 35+ examples in DartPad directly and get familiar with various basic widgets in Flutter

Basic Widgets Examples This is aimed for complete beginners in Flutter, to get them acquainted with the various basic widgets in Flutter. Run this pro

Pooja Bhaumik 815 Jan 3, 2023
Examples showing how to use Rid in order to build Dart/Flutter apps integrated with Rust.

Examples showing how to use Rid in order to build Dart/Flutter apps integrated with Rust.

Thorsten Lorenz 205 Dec 24, 2022
Easy to use, reliable and lightweight gesture detector for Flutter apps, exposing simple API for basic gestures

Simple Gesture Detector Easy to use, reliable and lightweight gesture detector for Flutter apps. Exposes simple API to react to basic gestures. Featur

Aleksander Woźniak 26 Nov 4, 2022
Experimenting with 6 examples of different types of simple and complex JSON structures in Flutter

Parsing complex JSON in Flutter Gives a detailed explanation of working with simple and complex JSON structures using dart:convert library in Flutter

Pooja Bhaumik 488 Jan 6, 2023
Simple examples that help you get started with Appwrite + Dart (=❤️) as an Appwrite server-side integration.

Playground for Dart Simple examples that help you get started with Appwrite + Dart (= ❤️ ) This is Appwrite server side integration with Dart. For Flu

Appwrite 31 Nov 22, 2022
Flutter: Animation Series || Episode 1 || Basic Animation || Episode 1 || Basic Animation

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

Pawan Kumar 24 Oct 31, 2022
Felipe Dias Casseb 2 Feb 9, 2022
Practice building basic animations in apps along with managing app state by BLoC State Management, Flutter Slider.

Practice building basic animations in apps along with managing app state by BLoC State Management including: Cubit & Animation Widget, Flutter Slider.

TAD 1 Jun 8, 2022
A collection of Flutter examples and demos.

Flutter samples A collection of open source samples that illustrate best practices for Flutter. Visual samples index The easiest way to browse through

Flutter 14.1k Jan 7, 2023
Flutter UI examples

Flutter UI demos 18 templates, Redux, CRUD Sqlite and Firebase, http request, webview, google and firebase auth, global notification strategy create a

Javier 1.4k Jan 6, 2023
Functional programming in Dart and Flutter. All the main functional programming types and patterns fully documented, tested, and with examples.

Fpdart Functional programming in Dart and Flutter. All the main functional programming types and patterns fully documented, tested, and with examples.

Sandro Maglione 275 Dec 26, 2022
Examples of Flutter Code Generation.

Flutter Code Generation Examples Code generation packages/tools used in the app: flutter_localization/intl build_runner flutter_gen/flutter_gen_runner

Mangirdas Kazlauskas 19 Oct 11, 2022