[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.
Issues
  • view_pdf_file example added

    view_pdf_file example added

    • will close #18
    opened by tsvillain 10
  • Made the changes according to the guidelines to the bottom sheet example app

    Made the changes according to the guidelines to the bottom sheet example app

    Made the changes according to the guidelines, the package name and the branch name to the bottom sheet example app

    opened by Rishika-7 8
  • Example request: Unit Testing

    Example request: Unit Testing

    Project Name: unit_testing Description: A flutter example app to demonstrate unit testing.

    help wanted example_requested 
    opened by nisrulz 6
  • added example app using_slivers

    added example app using_slivers

    Hi sir, I have created an example app showing how to use Slivers Lists and Sliver Grids. Please consider to merge if it seems helpful. Thank You

    opened by rushikesh127001 6
  • PDF

    PDF

    Can u give any source code to view PDF in flutter

    opened by Tanmay1221 6
  • 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
  • Feature/firebase crash reporting

    Feature/firebase crash reporting

    Added Firebase Crashlytics demo app

    opened by SAGARSURI 5
  • 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
  • Added bottom sheet example

    Added bottom sheet example

    Created a new folder to add example app for bottom sheet in flutter

    opened by Rishika-7 4
  • Updated main.dart file

    Updated main.dart file

    Performing hot restart... Syncing files to device Android SDK built for x86... lib/main.dart:25:17: Error: Field 'controller' should be initialized because its type 'TabController' doesn't allow null.

    • 'TabController' is from 'package:flutter/src/material/tab_controller.dart' ('../../snap/flutter/common/flutter/packages/flutter/lib/src/material/tab_controller.dart'). TabController controller; ^^^^^^^^^^ Restarted application in 256ms.

    We are getting this error when we are running the program. This error can be fixed by introducing "late" variable in front of Tabcontroller Class.

    opened by deenamanick 0
  • Added the firebase+google_authentication example

    Added the firebase+google_authentication example

    What does this implement/fix? Explain your changes

    Does this close any currently open issues?

    • [x] Yes #101
    • [ ] No

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

    Any other comments?

    • Where has this been tested?

    • Target Platform:

    • Configuration Information:

    • Misc:

    opened by Sriraj-dev 0
  • stateless mobx counter app

    stateless mobx counter app

    What does this implement/fix? Explain your changes

    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? On Windows

    • Target Platform: Windows/Max

    • Configuration Information: run "flutter packages get"

    • Misc:

    opened by sagar98cyber 0
  • 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 1
  • Added a sample app to store data locally using SQlite

    Added a sample app to store data locally using SQlite

    What does this implement/fix? Explain your changes This is sample app which implements storing data from app locally using sqlite Does this close any currently open issues?

    • [x] Yes Issue #100
    • [ ] No

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

    Any other comments?

    • Where has this been tested? Physical Android Device

    • Target Platform:

    • Configuration Information:

    • Misc:

    Screenshot Video-

    https://user-images.githubusercontent.com/71614009/136428257-48c9333b-d16a-4844-b6a6-adcf3984481d.mp4

    opened by Mukund-Tandon 1
  • Example Request: Firebase_auth with google and facebook SignIn

    Example Request: Firebase_auth with google and facebook SignIn

    hey @nisrulz , Can I contribute to this repo with an app supporting firebase authentication with google and facebook signIn under Hacktoberfest?

    opened by Sriraj-dev 3
  • 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 2
  • [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
  • Adds lunch_app which contains code for beautiful Lunch UI

    Adds lunch_app which contains code for beautiful Lunch UI

    What does this implement/fix? Explain your changes This Pull request creates a new Lunch app UI

    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? This app is tested in a real android device

    • Target Platform: Android

    • Configuration Information:

    • Misc:

    opened by SushanShakya 0
  • 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
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.6k Nov 28, 2021
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 398 Nov 26, 2021
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 21 Nov 4, 2021
🚗 Apple CarPlay for Flutter Apps. Aims to make it safe to use apps made with Flutter in the car by integrating with CarPlay.

CarPlay with Flutter ?? Flutter Apps now on Apple CarPlay! flutter_carplay aims to make it safe to use iPhone apps made with Flutter in the car by int

Oğuzhan Atalay 82 Nov 20, 2021
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 10.9k Nov 30, 2021
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.3k Dec 2, 2021
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 127 Nov 30, 2021
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 9 Nov 26, 2021
Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple. Demo: https://gallery.codelessly.com/flutterwebsites/minimal/

Responsive Framework Responsiveness made simple Responsive Framework adapts your UI to different screen sizes automatically. Create your UI once and h

Codelessly 688 Nov 26, 2021
Simple reactive animations in your Flutter apps.

just.motion Flutter package to create organic motion transitions. Why? The Motion Value stateless hot reload status notifier Ease Motion Spring Motion

Roi Peker 46 Oct 5, 2021
Build basic Flutter layouts and widgets with the help of Row, Column, Stack, Expanded, Container, ListView, and GridView in Flutter.

Build basic Flutter layouts and widgets with the help of Row, Column, Stack, Expanded, Container, ListView, and GridView in Flutter.

Johannes Milke 23 Sep 29, 2021
Flutter basic desktop project. Desktop todo app.

Glory Todo Desktop Basic and Primitive Flutter Desktop Project! Goal My goal is to accept my inexperience without worrying about the plugin shortcomin

Özgür 41 Oct 14, 2021
A basic demo example for integrating between Appwrite & Flutter 💙

?? Quiz With Flutter A simple Quiz App built with Flutter and Appwrite ?? Getting Started ?? Install Appwrite Follow our simple Installation Guide to

Appwrite 14 Nov 17, 2021
A project to showcase usage of basic principles to convert any 3D design into a working application using Flutter.

Developing apps with 3D designs in flutter This project is developed to showcase how we can use some basic principles to convert any 3D design into a

Manas Pratap Thakur 20 Nov 9, 2021
A basic demonstration for creating a Jardinains (Fancy Pong-Like) Game in Flutter

Jardinains Flutter! ?? Play Here - Web https://flutter-jardinains.web.app/#/ Demo Note: For optimal performance run the project in profile mode using

Paras Jain 53 Nov 15, 2021
Transform ML models into a native code (Java, C, Python, Go, JavaScript, Visual Basic, C#, R, PowerShell, PHP, Dart, Haskell, Ruby) with zero dependencies

m2cgen m2cgen (Model 2 Code Generator) - is a lightweight library which provides an easy way to transpile trained statistical models into a native cod

Bayes' Witnesses 1.9k Nov 25, 2021
Basic Dart reverse shell code

dart_rs Basic Dart reverse shell based on this one by Potato-Industries. Pretty self explanatory. You’ll need Windows. I used a Windows 7 64-bit VM. F

null 20 Jul 16, 2021
A very basic prototype of macros using build_runner

Description This is a basic prototype for 3 phase macros using package:build. The general idea is that macros run in 3 different phases, and each phas

Jacob MacDonald 55 Nov 17, 2021
Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look.

wired_elements Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun

Kevin Zhang 13 Nov 6, 2021
🔥FlutterFire is a set of Flutter plugins that enable Flutter apps to use Firebase services.

FlutterFire is a set of Flutter plugins that enable Flutter apps to use Firebase services. You can follow an example that shows how to use these plugins in the Firebase for Flutter codelab.

null 5.9k Dec 1, 2021
A Flutter plugin that allows you to check if an app is installed/enabled, launch an app and get the list of installed apps.

Flutter AppAvailability Plugin A Flutter plugin that allows you to check if an app is installed/enabled, launch an app and get the list of installed a

Lorenzo Pichilli 80 Nov 2, 2021
Learn to Code While Building Apps - The Complete Flutter Development Bootcamp

Learn to Code While Building Apps - The Complete Flutter Development Bootcamp

London App Brewery 8.2k Nov 23, 2021
A Flutter OAuth package for performing user authentication for your apps.

Flutter OAuth A Flutter OAuth package for performing user authentication for your apps. I've tested this with a small collection of APIs (Buffer, Stra

Joe Birch 169 Nov 25, 2021
A Google Analytics wrapper for command-line, web, and Flutter apps.

A wrapper around Google Analytics for command-line, web, and Flutter apps. For web apps To use this library as a web app, import the usage_html.dart l

Dart 122 Nov 5, 2021
Starter app for Flutter that includes many different production app features; some not typically included in demo apps.

first_app: Starter app for a Flutter production app Maintainer: Greger Wedel, https://github.com/gregertw Listed on: Latest build and artifacts: ** La

Greger Teigre Wedel 284 Nov 21, 2021
OneSignal is a free push notification service for mobile apps. This plugin makes it easy to integrate your flutter app with OneSignal

OneSignal Flutter SDK OneSignal is a free push notification service for mobile apps. This SDK makes it easy to integrate your Flutter iOS and/or Andro

OneSignal 493 Nov 23, 2021
MobX for the Dart language. Hassle-free, reactive state-management for your Dart and Flutter apps.

Language: English | Português | Chinese mobx.dart MobX for the Dart language. Supercharge the state-management in your Dart apps with Transparent Func

MobX 2k Nov 27, 2021
Firebase + Flutter sample apps with code snippets, supported by comprehensive articles for each implementation.

FlutterFire Samples This repo is created to contain various sample apps demonstrating the integration of Firebase with Flutter. The final goal is to c

Souvik Biswas 95 Nov 27, 2021
A flutter clean architecture series, the way we build clean apps.

Flutter Clean Archeticture Series ?? "Making the world a better place" ✅ Full Articles You can check out the full Medium articles on devmuaz ✅ Branche

AbdulMuaz Aqeel 117 Nov 22, 2021