Flutter Widgets Cheat Sheet



Flutter Firebase Cheat Sheet covers firebase service for the rapid development of flutter applications such as Authentication, posting data and retrieving data from cloud firestore, Uploading an image(cloud storage) on firebase and Push notification(device to device and topic subscription) by firebase messaging.

Flutter also offers many ready to use widgets (UI) to create a modern application. These widgets are optimized for mobile environment and designing the application using widgets is as simple as designing HTML. To be specific, Flutter application is itself a widget. Flutter widgets also supports animations and gestures. Flutter’s Stateful Widget cheat sheet. Addeddate 2020-11-26 16:10:43 Identifier flutter-dart-the-complete-guide-2020-edition Ocr ABBYY FineReader 11.0 (Extended OCR) Ppi 600 Scanner Internet Archive HTML5 Uploader 1.6.4. @@ -1,2 +1,193 @@ # Flutter-Layout-Cheat-Sheet # Flutter Layout Cheat Sheet This repo includes identified Flutter Layouts which anyone can refer as their layout cheat sheet. ## USEFUL WIDGET & LIBRARIES IN FLUTTER ## WIDGETS Flutter widgets are built using a modern framework that takes inspiration from React. Widgets are the basic building blocks of a Flutter app’s user interface. Each widget is an immutable declaration of part of the user interface. Unlike other frameworks that separate views, view controllers, layouts, and other properties, Flutter has a consistent, unified object model: the widget.

Firebase is a development platform created by firebase which is currently managed google. firebase provides a variety of tools and services for rapid development.

We have to set up firebase SDK in flutter before using any of its services. create new Firebase project then select android plate form.

Enter app package name copy it from android/app/src/main/AndroidManifest.xml you can also give app nickname that is totally optional. but make sure of entering SHA-1 as it’s required for authentication. you can get your SHA-1 just copy the below code in the terminal for more details(client-auth).

1Flutter Firebase Authentication
1.1Email And Password-based Authentication
4Firebase Push notification(Cloud Messaging)

Mac/Linux

Windows

Download google_services.json

Flutter Firebase Authentication

Authentication is required to be implemented in most of the applications for authorizing users to access flutter screens. firebase gives a variety of authentication options. In this blog email, password and phone authentication.

Add dependencies: firebase_auth: in pubspec.yaml file then install it by flutter pub get in your terminal and import ‘package:firebase_auth/firebase_auth.dart’; in your dart file.more detail(https://pub.dev/packages/firebase_auth#-installing-tab-)

Email And Password-based Authentication

Register User

Login user

Flutter Firebase Phone Authentication

Firebase phone authentication is the most common way for authenticating users. flutter firebase phone authentication is easy to implement.

Check current user detail

Flutter Firebase Cloud firestore

Firebase gives you the power of storing data in NoSQL formate.in cloud firestore we can perform complex Querys such as AND, OR, EQUAL TO very easily. data can be added modified or deleted in Flutter FirebaseCloud Firestore in realtime.

Add dependencies: cloud_firestore: in pubspec.yaml file then install it by flutter pub get in your terminal and import‘package:cloud_firestore/cloud_firestore.dart’;in your dart file more detail(cloud_firestore).

Add data

  • Update data
  • Delete data
  • Fetch data

Check if data exists in cloudfirestore!

Flutter Firebase Storage

For storing files in firebase provided its own storing services. In this Flutter Firebase Storage we will see how we can store the image in firebase storage for that we have to use one more plugin to get a file path either from the camera or gallery of the phone.

upload.dart

FirebasePush notification(Cloud Messaging)

We can send app notifications in a flutter by using a firebase cloud messaging service in a flutter. In this, we will see how we can send notifications from one device to another ie. device to device notification and notification with a topic subscription. we also need the Server key of cloud messaging you can get it from project settings in the cloud messaging tab.

Device to device notification

Before sending notification from one device to other we need to store the token in the database.

Flutter widgets cheat sheet pdf

Topic Subscription

In topic subscription, we need to subscribe to a topic then send a notification on that topic added by the device.

Flutter Firebase Cheat Sheet covers firebase service for the rapid development of flutter applications such as Authentication, posting data and retrieving data from cloud firestore, Uploading an image(cloud storage) on firebase and Push notification(device to device and topic subscription) by firebase messaging.

Firebase is a development platform created by firebase which is currently managed google. firebase provides a variety of tools and services for rapid development.

We have to set up firebase SDK in flutter before using any of its services. create new Firebase project then select android plate form.

Enter app package name copy it from android/app/src/main/AndroidManifest.xml you can also give app nickname that is totally optional. but make sure of entering SHA-1 as it’s required for authentication. you can get your SHA-1 just copy the below code in the terminal for more details(client-auth).

1Flutter Firebase Authentication
1.1Email And Password-based Authentication
4Firebase Push notification(Cloud Messaging)

Mac/Linux

Windows

Download google_services.json

Flutter Firebase Authentication

Authentication is required to be implemented in most of the applications for authorizing users to access flutter screens. firebase gives a variety of authentication options. In this blog email, password and phone authentication.

Add dependencies: firebase_auth: in pubspec.yaml file then install it by flutter pub get in your terminal and import ‘package:firebase_auth/firebase_auth.dart’; in your dart file.more detail(https://pub.dev/packages/firebase_auth#-installing-tab-)

Email And Password-based Authentication

Register User

Login user

Flutter Firebase Phone Authentication

Firebase phone authentication is the most common way for authenticating users. flutter firebase phone authentication is easy to implement.

Check current user detail

Flutter Firebase Cloud firestore

Flutter Widgets Cheat Sheet

Flutter Widget Cheat Sheet

Firebase gives you the power of storing data in NoSQL formate.in cloud firestore we can perform complex Querys such as AND, OR, EQUAL TO very easily. data can be added modified or deleted in Flutter FirebaseCloud Firestore in realtime.

Flutter Material Widget

Add dependencies: cloud_firestore: in pubspec.yaml file then install it by flutter pub get in your terminal and import‘package:cloud_firestore/cloud_firestore.dart’;in your dart file more detail(cloud_firestore).

Add data

  • Update data
  • Delete data
  • Fetch data

Check if data exists in cloudfirestore!

Flutter Firebase Storage

For storing files in firebase provided its own storing services. In this Flutter Firebase Storage we will see how we can store the image in firebase storage for that we have to use one more plugin to get a file path either from the camera or gallery of the phone.

upload.dart

FirebasePush notification(Cloud Messaging)

We can send app notifications in a flutter by using a firebase cloud messaging service in a flutter. In this, we will see how we can send notifications from one device to another ie. device to device notification and notification with a topic subscription. we also need the Server key of cloud messaging you can get it from project settings in the cloud messaging tab.

Flutter Widgets Cheat Sheet Download

Device to device notification

Before sending notification from one device to other we need to store the token in the database.

Topic Subscription

Flutter Widgets Cheat Sheet Pdf

In topic subscription, we need to subscribe to a topic then send a notification on that topic added by the device.