Complete Source Code (Patreon only)
Toutorail: Chat App using Flutter
Packages we are using:
- goole_fonts: link
This messing/chat app UI template using flutter that runs both Android and iOS devices also has a dark and light theme. We create in total 18+ screens all of that support both Dark Theme and Light Theme. At first, we have a welcome screen that contains an image with a tag line also has a skip button. Once the user press, its transfers to the Sign-in or Sign-up screen. The last two screens are the main screen, Chats screens it shows the list of people you are chated with. At the end message screen which support text message, audio message, and video messages.
Complete UI Contains:
► Splash Screen ► Welcome Screen ► Sign in & Sign up ► Phone Validation (OTP) ► Forget Password ► Change Password ► Chats Screen ► Search Chats ► Message Screen ► Audio Call ► Video Call ► Contacts ► Search Contacts ► Call History ► Search on Call history ► Profile Screen ► Edit Profile
MaterialApp(
title: 'The Flutter Way',
debugShowCheckedModeBanner: false,
theme: lightThemeData(context),
darkTheme: darkThemeData(context),
themeMode: ThemeMode.light,
home: const WelcomeScreen(),
)
Chat/Messaging App Light and Dark Theme Final UI