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.

@@ -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. Flutter Sample HTTP Request Github with Const vs Final. Add tooltip to all widget. Textformfield validator. Membuat String Rupiah. Membungkus widget dengan tema. All About Extention. Provider watch read. Provider, App works in debug mode but does not work in release mode. I've been learning Flutter for a few weeks now and it has been a really good experience. I used to use Objective-C and this seems to be way easier. Creates a widget that avoids operating system interfaces Tool windows - Project view. Flutter Cheat Sheet by cheatflutter - Cheatography.com Created Date. Check out Flutter — Row/Column Cheat Sheet for much, much more. The Stack widget lays out its children like a stack of pancakes. You set it up like the Row and Column widgets. Whichever child comes first is the one on the bottom. You could do something like this.

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.

Flutter Widgets Cheat Sheet

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

All Widgets In Flutter

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.

Flutter Settings Widget

upload.dart

FirebasePush notification(Cloud Messaging)

Flutter widget cheat sheet

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 Free

Topic Subscription

Flutter Widgets Cheat Sheet Download

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