thealphamerc / flutter_twitter_clone

Fully functional Twitter clone built in flutter framework using Firebase realtime database and storage

Fwitter - Twitter clone in flutter

A working Twitter clone built in Flutter using Firebase auth,realtime,firestore database and storage.

Download App

Features

• App features is mentioned at project section Click here
• Messaging chat section status can be seen at here

💥 Fwitter app now uses both firebase realtime and firestore database.:boom:

• In branch firetore Fwitter uses Firestore database for app.
• In branch Master and realtime_db Fwitter uses Firebase Realtime database for app.

Dependencies

Click to expand

• intl
• uuid
• http
• share
• provider
• url_launcher
• google_fonts
• image_picker
• firebase_auth
• google_sign_in
• firebase_analytics
• firebase_database
• shared_preferences
• flutter_advanced_networkimage

Screenshots

Welcome Page	Login Page	Signup Page	Forgot Password Page

Home Page Sidebaar	Home Page	Home Page	Home Page

Compose Tweet Page	Reply To Tweet	Reply to Tweet	Compose Retweet with comment

Tweet Detail Page	Tweet Thread	Nested Tweet Thread	Tweet options

Notification Page	Notification Page	Notification Page	Notification Setting Page

Profile Page	Profile Page	Profile Page	Profile Page

Select User Page	Chat Page	Chat Users List	Conversation Info Page

Search Page	Search Setting Page	Tweet Options - 1	Tweet Options - 2

Setting Page	Account Setting Page	Privacy Setting Page	Privacy Settings Page

Content Prefrences Page	Display Setting Page	Data Settings Page	Accessibility Settings

Users who likes Tweet	About Setting Page	Licenses Settings	Settings

Getting started

• Project setup instructions are given at Wiki section.

Directory Structure

Click to expand

|-- lib
|   |-- helper
|   |   |-- constant.dart
|   |   |-- customRoute.dart
|   |   |-- enum.dart
|   |   |-- routes.dart
|   |   |-- theme.dart
|   |   |-- utility.dart
|   |   '-- validator.dart
|   |-- main.dart
|   |-- model
|   |   |-- chatModel.dart
|   |   |-- feedModel.dart
|   |   |-- notificationModel.dart
|   |   '-- user.dart
|   |-- page
|   |   |-- Auth
|   |   |   |-- forgetPasswordPage.dart
|   |   |   |-- selectAuthMethod.dart
|   |   |   |-- signin.dart
|   |   |   |-- signup.dart
|   |   |   |-- verifyEmail.dart
|   |   |   '-- widget
|   |   |       '-- googleLoginButton.dart
|   |   |-- common
|   |   |   |-- sidebar.dart
|   |   |   |-- splash.dart
|   |   |   |-- usersListPage.dart
|   |   |   '-- widget
|   |   |       '-- userListWidget.dart
|   |   |-- feed
|   |   |   |-- composeTweet
|   |   |   |   |-- composeTweet.dart
|   |   |   |   |-- state
|   |   |   |   |   '-- composeTweetState.dart
|   |   |   |   '-- widget
|   |   |   |       |-- composeBottomIconWidget.dart
|   |   |   |       |-- composeTweetImage.dart
|   |   |   |       '-- widgetView.dart
|   |   |   |-- feedPage.dart
|   |   |   |-- feedPostDetail.dart
|   |   |   '-- imageViewPage.dart
|   |   |-- homePage.dart
|   |   |-- message
|   |   |   |-- chatListPage.dart
|   |   |   |-- chatScreenPage.dart
|   |   |   |-- conversationInformation
|   |   |   |   '-- conversationInformation.dart
|   |   |   '-- newMessagePage.dart
|   |   |-- notification
|   |   |   '-- notificationPage.dart
|   |   |-- profile
|   |   |   |-- EditProfilePage.dart
|   |   |   |-- follow
|   |   |   |   |-- followerListPage.dart
|   |   |   |   '-- followingListPage.dart
|   |   |   |-- profileImageView.dart
|   |   |   |-- profilePage.dart
|   |   |   '-- widgets
|   |   |       '-- tabPainter.dart
|   |   |-- search
|   |   |   '-- SearchPage.dart
|   |   '-- settings
|   |       |-- accountSettings
|   |       |   |-- about
|   |       |   |   '-- aboutTwitter.dart
|   |       |   |-- accessibility
|   |       |   |   '-- accessibility.dart
|   |       |   |-- accountSettingsPage.dart
|   |       |   |-- contentPrefrences
|   |       |   |   |-- contentPreference.dart
|   |       |   |   '-- trends
|   |       |   |       '-- trendsPage.dart
|   |       |   |-- dataUsage
|   |       |   |   '-- dataUsagePage.dart
|   |       |   |-- displaySettings
|   |       |   |   '-- displayAndSoundPage.dart
|   |       |   |-- notifications
|   |       |   |   '-- notificationPage.dart
|   |       |   |-- privacyAndSafety
|   |       |   |   |-- directMessage
|   |       |   |   |   '-- directMessage.dart
|   |       |   |   '-- privacyAndSafetyPage.dart
|   |       |   '-- proxy
|   |       |       '-- proxyPage.dart
|   |       |-- settingsAndPrivacyPage.dart
|   |       '-- widgets
|   |           |-- headerWidget.dart
|   |           |-- settingsAppbar.dart
|   |           '-- settingsRowWidget.dart
|   |-- state
|   |   |-- appState.dart
|   |   |-- authState.dart
|   |   |-- chats
|   |   |   '-- chatState.dart
|   |   |-- feedState.dart
|   |   |-- notificationState.dart
|   |   '-- searchState.dart
|   '-- widgets
|       |-- bottomMenuBar
|       |   |-- HalfPainter.dart
|       |   |-- bottomMenuBar.dart
|       |   '-- tabItem.dart
|       |-- customAppBar.dart
|       |-- customWidgets.dart
|       |-- newWidget
|       |   |-- customClipper.dart
|       |   |-- customLoader.dart
|       |   |-- customProgressbar.dart
|       |   |-- customUrlText.dart
|       |   |-- emptyList.dart
|       |   |-- rippleButton.dart
|       |   '-- title_text.dart
|       '-- tweet
|           |-- tweet.dart
|           '-- widgets
|               |-- parentTweet.dart
|               |-- retweetWidget.dart
|               |-- tweetBottomSheet.dart
|               |-- tweetIconsRow.dart
|               |-- tweetImage.dart
|               '-- unavailableTweet.dart
|-- pubspec.yaml

Contributing

If you wish to contribute a change to any of the existing feature or add new in this repo, please review our contribution guide, and send a pull request. I welcome and encourage all pull requests. It usually will take me within 24-48 hours to respond to any issue or request.

Created & Maintained By

Sonu Sharma (Twitter) (Youtube) (Insta) (Dev.to)

If you found this project helpful or you learned something from the source code and want to thank me, consider buying me a cup of ☕

• PayPal

You can also nominate me for Github Star developer program https://stars.github.com/nominate

Contributors

• TheAlphamerc
• Liel Beigel
• Riccardo Montagnin
• Suriyan
• Liel Beigel
• Rodriguezv

Visitors Count

flutter_twitter_clone's Issues

Sort comment In details page, last comment to be on top..

Sort comment In details page, last comment to be on top..

NEW UPDATE

The last update have problem, don't showing post on the feed page, also don't showing posts on the user profile, when post is created on the feed page is visible only some second und after this showing loading indicator und staying like this..

INVALID_KEY

flutter: DBnbjTIRahTGFXBDItGEkpbRKFJ2
flutter: [EVENT]: send_message
flutter: Settings registered: PushNotificationSettings {sound: true, alert: true, badge: true, provisional: false}
flutter:

<TITLE>INVALID_KEY</TITLE>

INVALID_KEY

Error 401

Where can I put this key?
I puted already in chatState.dart the serverToken key but i don't receiving notification when I send message with phone, but when I send with firebase I receiving.

Preserve Scroll positions while navigating from FeedPage to any other page.

Provider Error

The problem was solved by reducing the provider package before, but a newly written package that I use is failing because it does not fit the low provider package. How can I solve this error without getting the provider down?

And in profilePage var authstate = Provider.of (context, listen: false); I did

The following assertion was thrown during a scheduler callback:
Tried to listen to a value exposed with provider, from outside of the widget tree.

This is likely caused by an event handler (like a button's onPressed) that called
Provider.of without passing `listen: false`.

To fix, write:
Provider.of<NotificationState>(context, listen: false);

It is unsupported because may pointlessly rebuild the widget associated to the
event handler, when the widget tree doesn't care about the value.

The context used was: HomePage(dependencies: [_InheritedProviderScope<AppState>], state: _HomePageState#bf130)
'package:provider/src/provider.dart':
Failed assertion: line 191 pos 7: 'context.owner.debugBuilding ||
          listen == false ||
          debugIsInInheritedProviderUpdate'

Unread messages

Hello Alpha,
Really nice project. In the chat model I see that you created the “unseen” field. Actually, when new messages are available, I do not see any difference between read and unread messages in the chatlistpage.
How would you implement the unread/read messages feature?

Implementation for chat in tweet.

Hi bro. this is so awesome Project,
can i ask you or maybe help me to fix my problem.
so i want to make user can initiate a chat to other from their tweet.
eg : in other post we can see message icon, if we click it. we will navigae to the chat with them..
picture:
https://drive.google.com/file/d/15HvezJ7zzqDFlMd01lCgQXdB1kQtVpVO/view?usp=sharing

in the tweeticonsrow.dart i add this code

      _iconWidget(
            context,
            text:'',
            icon: AppIcon.messageEmpty,
            iconColor: iconColor,
            size: size ?? 20,
            onPressed: () {
              final chatState = Provider.of<ChatState>(context, listen: false);
              chatState.setChatUser =  authState.profileUserModel;
              Navigator.of(context).pushNamed('/ChatScreenPage');
            },
          ),

but still navigate to my personal chat. how can i implement if (!isMyProfile){}

i figure out the same case like in the profilepage.dart

onPressed: () {
  if (!isMyProfile) {
    final chatState =
        Provider.of<ChatState>(
            context,
            listen: false);
    chatState.setChatUser =
        authstate.profileUserModel;
    Navigator.pushNamed(
        context, '/ChatScreenPage');
  }
},

but when i add this to the code in tweeticonsrow.dart. it shows so many errors. help me pls
i dont know how to call and declare isMyProfile. Thanks bro

Username

Please, is it possible to change username once you sign up?

Tag people error

Hello,

I using firestore database version of app, and for some reason don't work tag people option,
when I make @test this show me list of users, but when I tape on user this don't want to add _________________ @test
this user. show error.

flutter: Another exception was thrown: Tried to listen to a value exposed with provider, from outside of the widget tree.

Thanks.

Permission denied

Hi Sonu Sharma
i hope you doing well

in searchState i get this error under (kDatabase.child('profile').once().then) :
"Exception has occurred.
DatabaseError (DatabaseError(-3, Permission denied, ))"

I check on my database Rules ( allow read, allow write)
I don't know where the error is..

Firestore database

Is there a way to easily get the database model for the Firestore branch?

I saw the Collection names in the file lib/helper/constant.dart. However, It is not clear which Collection corresponds to which model.

AppIcon problem

AppIcons are not visible. What would be the reason?

Thumbnail feed page

How can we make that pic in feed page have a little lower quality, like thumbnail, and when we open picture to have full quality .. asking bc to images in list loading faster..

Retweet

Retweet without comentary not abaible?
I can retweet with comentary but not without

This application cannot tree shake icons fonts. It has non-constant instances of IconData

Tree shake icons fonts

While Building an app I'm getting following errors :(

This application cannot tree shake icons fonts. It has non-constant instances of IconData at the following locations:

• file:///C:/flutter_twitter_clone-master/lib/page/profile/profilePage.dart:168:43
• file:///C:/flutter_twitter_clone-master/lib/widgets/customWidgets.dart:70:7

Target aot_android_asset_bundle failed: Exception: Avoid non-constant invocations of IconData or try to build again with --no-tree-shake-icons.
build failed.
FAILURE: Build failed with an exception.

• Where:
  Script 'C:\flutter\packages\flutter_tools\gradle\flutter.gradle' line: 896

• What went wrong:
  Execution failed for task ':app:compileFlutterBuildRelease'.

Process 'command 'C:\flutter\bin\flutter.bat'' finished with non-zero exit value 1

• Try:
  Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

• Get more help at https://help.gradle.org

BUILD FAILED in 2m 14s
Running Gradle task 'assembleRelease'... 136.3s (!)
Gradle task assembleRelease failed with exit code 1
Process finished with exit code 1

I search on Google as well as on StackOverflow but found nothing. It must be a bug which is in the project or maybe I'm doing something wrong.

My IDE configuration is as follow

Android Studio 4.0
Build #AI-193.6911.18.40.6514223, built on May 20, 2020
Runtime version: 1.8.0_242-release-1644-b01 amd64
VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o
Windows 10 10.0
GC: ParNew, ConcurrentMarkSweep
Memory: 2014M
Cores: 4
Registry: ide.new.welcome.screen.force=true
Non-Bundled Plugins: Dart, org.jetbrains.kotlin, com.google.services.firebase, com.intellij.marketplace, com.thoughtworks.gauge, io.flutter, org.intellij.plugins.markdown

JAVA configuration as follow

jdk1.8.0_261
jre1.8.0_261
jdk-11 (JDK 11 is my JAVA_HOME in environment variable)

Bookmark option is disabled in sidebar

Bookmark option is disabled. How to make this option working.

Google sign in Android

I have this error when I try to create account with google on Android device, on iOS work properly.

exception caught by gesture

The following assertion was thrown while handling a gesture:
Tried to listen to a value exposed with provider, from outside of the widget tree.

This is likely caused by an event handler (like a button's onPressed) that called
Provider.of without passing listen: false.

To fix, write:
Provider.of(context, listen: false);

It is unsupported because may pointlessly rebuild the widget associated to the
event handler, when the widget tree doesn't care about the value.

The context used was: WelcomePage(dependencies: [MediaQuery, _DefaultInheritedProviderScope], state: _WelcomePageState#7b321)
'package:provider/src/provider.dart':
Failed assertion: line 193 pos 7: 'context.owner.debugBuilding || listen == false || _debugIsInInheritedProviderUpdate'

how possible to merge a video uploader and player with fwitter project?

hi sonu, can you please share your business contact details.

Flutter Update

Just updated my flutter version and error popped up in "customRoute.dart "
This is the i am getting as of now :
"The getter 'isInitialRoute' isn't defined for the type 'RouteSettings'.
Try importing the library that defines 'isInitialRoute', correcting the name to the name of an existing getter, or defining a getter or field named 'isInitialRoute'."
Please check and let me know if the error is universal.

isInitialRoute removal at beta channel and will come to stable channel soon.

Describe the bug
A clear and concise description of what the bug is.

https://flutter.dev/docs/release/breaking-changes/route-navigator-refactoring

flutter/flutter#51649

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Just an idea

I suggest you add file sharing capabilities to the chat section

Chat list sorted by last message

Hello,
really nice job, congratulations!

What do you think about the sorting of the chat list? Now they are sorted by users, not by last message. How would you implement a chat list sorting by last message?

Issue with WillPopScope()

There's an issue with WillPopScope() in several places. mainly at back button from chatscreen.

Follow button Bug

Describe the bug
when pressing the follow button the button stay gray and im geting the following error

════════ Exception caught by scheduler library ═════════════════════════════════════════════════════
The following assertion was thrown during a scheduler callback:
Tried to listen to a value exposed with provider, from outside of the widget tree.

This is likely caused by an event handler (like a button's onPressed) that called
Provider.of without passing listen: false.

To fix, write:
Provider.of(context, listen: false);

It is unsupported because may pointlessly rebuild the widget associated to the
event handler, when the widget tree doesn't care about the value.

The context used was: HomePage(dependencies: [_InheritedProviderScope], state: _HomePageState#72bcb)
'package:provider/src/provider.dart':
Failed assertion: line 191 pos 7: 'context.owner.debugBuilding ||
listen == false ||
debugIsInInheritedProviderUpdate'

When the exception was thrown, this was the stack:
#2 Provider.of (package:provider/src/provider.dart:191:7)
#3 _HomePageState._checkNotification. (package:flutter_twitter_clone/page/homePage.dart:86:28)
#4 SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1113:15)
#5 SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1060:9)
#6 SchedulerBinding._handleDrawFrame (package:flutter/src/scheduler/binding.dart:968:5)
...

Missing Doc for RemoteConfig

Hi there's no way to understand how you implemented firebase remote config.

Editing Profile

When one Edit the profile Display name or Profile picture the old name or profile pic remains on tweet tweeted before

Swipe indicator (iphone x and up)

Can we make that bottom menu bar recognise iOS devices with swipe indicator and automatically move bottom bar up?

Migrate firebase databse to MySQL

Hi,
I'm very impressed by your work, but i think there is some more features that you can add to this project :

1. File Sharing In Chat
2. Audio And Video Calling In Chat
3. Instead Of Using Firebase Use My SQL (If Possible)
4. Admin Must Deserves More Rights
   #. Please release separated version of chats (Request)

isInitialRoute

Have you experienced this issue "The getter 'isInitialRoute' isn't defined for the type 'RouteSettings'."

Update user-profile across everywhere

Describe the bug
We need to update the user profile information in all the posts he uploaded.

We normally denormalise the data when it comes to NoSQL Databases.

Message und Notification

How to make that last notification und last message be always on the top of list..
Und wil be inplement that we can share videos on the feed page und on the messages chat..
Very Good Project!! 👍

Follow button bug

I created a new user. I went to the search screen. I clicked on the user I created before. I said follow and detected a mistake there. When I first clicked the follow button, I seemed to switch to that profile. Then when I click on profile it improved.

Markup Editor

How about markup Editor,
I have created a simple note app supporting markup editing. Wouldn't it be unique if implemented here? For non microblogs.

Notifications

I can get notifications...

my config:

in app:

remote config:

remote config json:

if I send notification since firebase is ok, but when I send a chat message not send notification.

thank you¡¡¡

sign Up is not working

when i click sign up button it's showing this error

MissingPluginException(No implementation found for method createUserWithEmailAndPassword on channel plugins.flutter.io/firebase_...

Unable to login

getGoogleApiForMethod() returned Gms: com.google.firebase.auth.api.internal.zzaq@69874c1 W/DynamiteModule( 2692): Local module descriptor class for com.google.firebase.auth not found. W/GooglePlayServicesUtil( 2692): Google Play Store is missing.

I/BiChannelGoogleApi( 2692): [FirebaseAuth: ] getGoogleApiForMethod() returned Gms: com.google.firebase.auth.api.internal.zzaq@69874c1
W/DynamiteModule( 2692): Local module descriptor class for com.google.firebase.auth not found.
W/GooglePlayServicesUtil( 2692): Google Play Store is missing.
I/flutter ( 2692): ****************************** error ******************************
I/flutter ( 2692): [Error] signUp PlatformException(ERROR_API_NOT_AVAILABLE, API: InternalFirebaseAuth.FIREBASE_AUTH_API is not available on this device. Connection failed with: ConnectionResult{statusCode=SERVICE_INVALID, resolution=null, message=null}, null)
I/flutter ( 2692): ****************************** error ******************************
I/flutter ( 2692): null

feed page map model issue

in the feedPage list get the all data correctly but when map and passing to the Tweet it is not the correct data when map the model there is an issue please check that

Notification Error

════════ Exception caught by scheduler library ═════════════════════════════════════════════════════
The following assertion was thrown during a scheduler callback:
Tried to listen to a value exposed with provider, from outside of the widget tree.

This is likely caused by an event handler (like a button's onPressed) that called
Provider.of without passing listen: false.

To fix, write:
Provider.of(context, listen: false);

It is unsupported because may pointlessly rebuild the widget associated to the
event handler, when the widget tree doesn't care about the value.

The context used was: HomePage(dependencies: [_DefaultInheritedProviderScope], state: _HomePageState#074c3)
'package:provider/src/provider.dart':
Failed assertion: line 193 pos 7: 'context.owner.debugBuilding || listen == false || _debugIsInInheritedProviderUpdate'

Either the assertion indicates an error in the framework itself, or we should provide substantially more information in this error message to help you determine and fix the underlying cause.
In either case, please report this assertion by filing a bug on GitHub:
https://github.com/flutter/flutter/issues/new?template=BUG.md

When the exception was thrown, this was the stack:
#2 Provider.of (package:provider/src/provider.dart:193:7)
#3 _HomePageState._checkNotification. (package:twitterapp2/page/homePage.dart:86:28)
#4 SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1102:15)
#5 SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1049:9)
#6 SchedulerBinding.scheduleWarmUpFrame. (package:flutter/src/scheduler/binding.dart:850:7)
...

Icon badge for new notification or message or post

can we expect badge on icons something like this

Admin

Have you developed a backend admin for this app?

GoogleServiceProblem

Do you have any idea that I could not understand the problem?

Plugin project :firebase_core_web not found. Please update settings.gradle.
Plugin project :cloud_firestore_web not found. Please update settings.gradle.
Plugin project :firebase_auth_web not found. Please update settings.gradle.
Plugin project :url_launcher_web not found. Please update settings.gradle.

FAILURE: Build failed with an exception.

How to remove chat section without getting errors

Hi, I'm trying to remove the chat section from the app but when I build it, I get so many malfunctions in the app, but the codes looks fine.
for example, the sidebar menu is not showing the profile picture but instead 'log in to continue' in white text...

and when I click on the profile page I get this

please help, I think this happened because I removed the chat section😢

Profile Picture

When we update the profile details, the following list gets deleted i.e, it becomes 0. Maybe some issue in authState.

video uploader and player with multiple images selection

how possible to add a video picker function in"composeBottomIconWidget" and video player in "feedpage"? along with your current image posting.
also is there a possibility for multiple image selection without changing image_picker with multi_media_picker plugin?
thank you

Please update the readme file

Thanks for this great project. :)

I had problems while running the app in my development environment because the "Getting started" instructions are not up to date.

I think the readme file needs two updates:

1. Add "Storage" to your Firebase project (otherwise storing images do not work)
2. Add "FcmServerKey" to Firebase Remote Config

[getFCMServerKey] [Error] "Please configure Remote config in firebase"

[getFCMServerKey] [Error]
"Please configure Remote config in firebase"

Everything has been configured still getting error been troubleshooting cant seem to figure why

automatic random end of username?

automatic random end of username? How can I fix this situation?

SliverList / grid help

How can i implement one more option on "Profile page" for users witch want to switch the view from "sliverList" to "SliverGrid" is this possible?

Thank you so much! Very good project 👍

Hide multiple comments on same Tweet on feed page.

Yes you are right, but I think that Twitter don't showing all comments on the feed page, that showing 2-3 comments maximum und the other you can seen when you open post, bc when you have for example 100 coments, you can't seen nothing else for other people.. und I think this will be good to implement. Thank you for answering.. 👍

Originally posted by @avdoviic in #11 (comment)