How to Add Firebase into Flutter in a New Way?

Recently Firebase give another option for adding Firebase to Flutter and It is only made for Flutter, As of now we add firebase using the android option for flutter but now we can add using the flutter option that is recently updated by Flutter. Here you can find how to add firebase as an Android in Flutter.

Step-by-Step Implementation

Step 1: Create a Firebase Project

First, you have to visit the Firebase console. Now let’s move to the next step. Click on the “Create a Firebase Project”  as shown in the video below.

Step 2: Select Flutter Icon

Now, there will be a screen. Here, you can find the old Android version and the New Flutter option. Click on the Flutter icon button.

Step 3: Prepare your workspace

Now time to add Firebase to the Flutter app,

As shown in the above image, Before going to start you have to Install the Firebase CLI and Login in if you have not previously installed it. Now click on Next.

Step 4: Install and run the FlutterFire CLI

Now, run these two commands from your terminal:

dart pub global activate flutterfire_cli

While doing this, you must notify the following warning

Warning: Pub installs executables into C:\Users\PC\AppData\Local\Pub\Cache\bin, which is not on your path. You can fix that by adding that directory to your system's "Path" environment variable. A web search for "configure windows path" will show you how.

This means you need to add C:\Users\*username*\AppData\Local\Pub\Cache\bin into your System's environment path. Now, again, fire this command-

flutterfire configure --project=addflutter-72e0c

Surely again you will get an error,

bash: flutterfire: command not found

Flutterfire configure command should work now - close and open again command prompt or another terminal. Sometimes there is a problem with other editors and terminals where flutterfire configure still does not work. In that case, open Command Prompt and it works there for sure. 

This command adds, the firebase_options.dart into your lib file. Now add the following code to your main file.

import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';
// ...
await Firebase.initializeApp(
   options: DefaultFirebaseOptions.currentPlatform,
);

Congratulations you have successfully Installed the firebase in your flutter application. And now use firebase in your flutter application.