![]() setString('profile_photo', documentReference) īuilder: (context) => HomePage(prefs: widget.prefs),įocusScope.of(context). ![]() PhoneNo.replaceAll(new RegExp(r'+'), ''), Navigator.of(context).pushReplacement(MaterialPageRoute(īuilder: (context) => HomePage(prefs: widget.prefs))) Import 'package:cloud_firestore/cloud_firestore.dart' Ĭlass RegistrationPage extends StatefulWidget ).then( ![]() Import 'package:shared_preferences/shared_preferences.dart' Import 'package:flutter_chat_app/pages/home_page.dart' Import 'package:firebase_auth/firebase_auth.dart' Open the pubspec.yaml file in your project and add the following dependencies into it. I have created an app named as “flutter_chat_app” If you are a beginner in flutter then you can check my blog Create a first app in Flutter. Photo_view: ^0.4.2 // to view sent and received image in expanded view Programming Steps:įirst and basic step to create new application in flutter. The architecture of the Chat app is simple as it has a wall chat like. Image_picker: ^0.6.0+17 // to select image from deviceįirebase_storage: ^3.0.3 // to send image to user for that we need to store image on server Flutter8 is an open source UI software development kit. Note: Make sure your Flutter environment is setup. You can check out the corresponding Google code lab here. For help getting started with Flutter, view the online documentation. Shared_preferences: ^0.5.3+1 // for storing user credentials persistenceĬloud_firestore: ^0.12.7 // to access firebase real time databaseĬontact_picker: ^0.0.2 // to add friends from contact list A one-to-one chat app built on Flutter with firebase authentication and image sharing capability. Output:įirebase_auth: // for firebase otp authentication I have divided chat app series in multiple articles, you will learn lots of stuff regarding flutter in this flutter chat app series. Upload Image File To Firebase Storage Using Flutter. Pagination In Flutter Using Firebase Cloud Firestore 4. Chat App Data Structure In Firebase Firestore 3. This article consists of number of articles in which you will learn 1. In this article we will learn how to create chat app in flutter using Google Firebase as backend. CHAT APP IN FLUTTER USING GOOGLE FIREBASEĬhat App in Flutter using Google Firebase Introduction:
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |