bizz84/layout-demo-flutter

Stars
1,381
Rank 34,057 (Top 0.7 %)
Language
Dart
License
MIT License
Created over 6 years ago
Updated 10 months ago

bizz84/layout-demo-flutter

bizz84

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Super Useful Flutter Layouts - Right in Your Pocket. 😉

Super Useful Flutter Layouts - Right in Your Pocket. 😉

Update: Flutter web app preview here: https://flutter-layouts-demo.web.app/

YouTube video walkthroughs with explanations here:

This app shows you how to use the most common layouts in Flutter.

You can run this project on your simulator or device.

Oh, and the app itself is built with - guess what - a combination of Flutter layouts. So Meta! 😎

For more articles and video tutorials, check out Coding With Flutter.

Table of Contents

Table of Contents

Row / Column

Baseline

Stack

Expanded

Wikipedia: Golden Spiral (also: Fibonacci, Golden Ratio).

Padding

PageView

PageView

ListView

Slivers

Hero Image

Nested Lists

ListView

For more articles and video tutorials, check out Code With Andrea.

License: MIT

Attribution

Youtube Play Icon by Youtube Clipart.

SwiftyStoreKit

Lightweight In App Purchases Swift framework for iOS 8.0+, tvOS 9.0+ and macOS 10.10+ ⛺

flutter-tips-and-tricks

My Flutter Tips & Tricks on Twitter 👇

starter_architecture_flutter_firebase

Time Tracking app with Flutter & Firebase

complete-flutter-course

Flutter Foundations Course - eCommerce App

flutter_example_apps

A directory of all my open source Flutter apps and projects.

firebase_auth_demo_flutter

Reference Authentication Flow with Flutter & Firebase

nested-navigation-demo-flutter

Nested navigation with BottomNavigationBar

movie_app_state_management_flutter

Flutter State Management: Movie App with Provider, Riverpod, flutter_bloc

time_tracker_flutter_course

Source code for every lesson in the "Flutter & Firebase: Build a Complete App for iOS & Android" course on Udemy

dart-course-materials

Code, Exercises & Syllabus for my Complete Dart Course

open_weather_example_flutter

Flutter Weather App Example using the OpenWeatherMap API

bottom_bar_fab_flutter

BottomAppBar Navigation with FAB

flutter_animations_course_materials

All projects from my Flutter Animations Course

tmdb_movie_app_riverpod

Flutter Movies app with Riverpod (TMDB API)

fluttercon_23_resources

List of talks from FlutterCon 23

MVCarouselCollectionView

UICollectionView-based image carousel written in Swift

Sustainable-Earth

A curated list of all things sustainable

coding-with-flutter-login-demo

Source code for login demo in Coding with Flutter series

flutter_animations_gallery

A showcase of the most common Flutter animation APIs.

firebase_user_avatar_flutter

Advanced Provider Architecture Demo: Image Picker + Firebase Storage Upload

stopwatch-flutter

Simple stopwatch example app in Flutter

multiple-counters-flutter

Flutter State Management [ setState ❖ StreamBuilder ❖ scoped_model ❖ redux ]

ftcon24eu_talks

List of talks from FlutterCon 24 Europe

coronavirus_rest_api_flutter_course

Coronavirus REST API Flutter Course

codewithandrea_flutter_packages

A collection of packages created to increase code reuse across many of my Flutter projects.

slivers_demo_flutter

Example Layouts with Slivers in Flutter

nested_navigation_examples

Bottom Navigation Bar with Nested Routes: GoRouter vs Beamer

firebase-login-flutter

Sample login and registration app with Firebase built in Flutter.

MVSelectorScrollView

Simple scrollable horizontal control, alternative to UISegmentedControl

flutter-firebase-masterclass

Flutter & Firebase Masterclass

simple_auth_flutter_riverpod

Simple authentication flow using Flutter & Riverpod

code_with_andrea_flutter

Code With Andrea Home Page - Flutter Clone

AcceptanceMark

Tool for generating Acceptance Tests in Xcode, inspired by Fitnesse

flight_co2_calculator_flutter

Flutter package and sample app to calculate Flight CO2 emissions

page_flip_builder

Interactive Page Flip Flutter widget

CrackingTheCodingInterview

Solutions to exercises from the book "Cracking the Coding Interview"

image-picker-demo-flutter

Photos and Camera Image Picker built in Flutter

split_view_example_flutter

Flutter Split View and Drawer Navigation example

localization_riverpod_flutter

Simplified localization app template

MVHorizontalPicker

Simple scrollable horizontal control, alternative to UISegmentedControl

github_search_flutter_client_rxdart_example

Example GitHub Search app built in Flutter & RxDart

apple_sign_in_firebase_flutter

Demo app showing how to implement Apple Sign In with Firebase & Flutter

json_placeholder_flutter_example

Riverpod data caching and CRUD example with the JsonPlaceholder API

simple_auth_comparison_flutter

Flutter State Management Comparison: [ setState ❖ BLoC ❖ ValueNotifier ❖ Provider ]

fitness_tracker_flutter

Fitness Tracker - Flutter UI Demo

input_validation_demo_flutter

Flutter: Input Validation with RegExp

platform_aware_widgets_flutter

Example project showing how to create platform-aware widget classes in Flutter.

async_notifier_example_riverpod

AsyncNotifier example with Riverpod

pushable_button

A 3D pushable button built in Flutter. Ideal for important CTAs in the app.

MVBouncyView

UIView category to add bouncing animations to your UIViews

restaurant_ratings_flutter_firebase

Restaurant In-App Rating Demo App with Flutter & Firebase

passwordless_sign_in_firebase_flutter

Passwordless sign-in with Flutter and Firebase

faker_app_flutter_firebase

Demo project for the first module of my Flutter & Firebase Masterclass

ncov2019-api-and-webclient

nCoV 2019 Backend REST API and Admin Web Client

MVScrollViewAutoLayout

Example iOS project showing how Auto-Layout can calculate the contentSize of a UIScrollView for you based on the constraints of the scroll view’s subviews.

MVMediaSlider

Custom media slider inspired by the Overcast App

force_update_helper

A package for showing a force update prompt that is controlled remotely.

bmi_calculator_app_flutter

Simple BMI Calculator Flutter App

flutter_ship_app

Companion app for the Flutter in Production course

rxdart_combine_latest_example_movie_app

Simple movie favourites app showcasing how to use combineLatest to combine data from two Firestore collections into one stream.

convert-srt-vtt

Bash script to convert closed captions from SRT to VTT format

redux-navigation-color-picker

Code for "Managing State in a React-Navigation App with Redux" tutorial

ResponsiveCollectionViews

Demo app showing how to make UICollectionViews responsive to trait collection changes

OAuthRequestBuilderSwift

OAuth Authentication with Custom Headers in Swift

firebase-example-flutter

Sample Firebase anonymous auth with Flutter

mood_tracker_flutter

Super easy mood tracking app to demonstrate use of the Firebase Local Emulator Suite

game_of_life_flutter

Game Of Life Flutter Demo

flutter_simple_permissions

dart_json_parsing_examples

JSON Parsing examples in Dart

flutter_web_apps_template

Flutter Web + GitHub Pages templates

SudokuSolver

JSON Android Sudoku Solver

contacts_list_demo_flutter

Sample contact list page built in Flutter and iOS

MVFeedbackBanner

Customisable banner UI to ask for user feedback / app rating

ITunesSearch.js

Javascript client for App Store Lookup based on iTunes Search API

coding-with-flutter-robohash-demo

Sample Flutter app showing an avatar image with the RoboHash API.

openai_dart_shelf_flutter

OpenAI + Dart Shelf + Flutter Demo

flutter_firestore_counter_app

multiple_counters_firestore_flutter

Multiple Counters Flutter App with Cloud Firestore

simple_auth_flutter_firebase_ui

Minimal authentication flow with Flutter & Firebase Auth

faker_app_firebase

Simple Flutter app showing how to use the Firebase UI packages

image_upload_flutter_firebase

Flutter image upload demo with Firebase Storage

flutter-firebase-ecommerce-docs

ncov_2019_app_flutter

Coronavirus REST API Flutter Course (demo app before recordings)

OGLESCubeTestAPI

Android Test for ES API 1.0 and 2.0

required_version_shelf

A simple server-side Dart implementing a required_version endpoint.

MVKerningLabel

UILabel subclass with kerning support via @IBInspectable property

MVCoreDataStack

Core Data Parent-Child Stack for iOS 8 and 9

dart-null-safety-package-name-issue

Null Safety only works if package name is `test`

firebase_id_token_bug

redux-navigator-react

Example app combining redux with react-navigation

SwiftyStoreDemo

Example app for iOS, tvOS showing how to retrieve products info with StoreKit

astro-vercel-serverless-bug

Xcode-xcarchive-command

Xcode xcarchive command to archive to custom location

PopSpringViews

Helper classes to enable Facebook POP spring animations on UIViews

firebase_ui_auth_widget_tests_bug

biz-engine

OpenGL 2.0 Graphics engine + SDK

ff3_whitelabel_app

MVITunesSearch

Simple wrapper library for the iTunes Search API to search for apps by developer ID