- upgrade app version

- add some packages
- separate app file out main file
- update deprecated code in app_button.dart
- add restart dialog when user change language
- remove scroll animation when enter chat with someone
- make chat list start from last message like WhatsApp App
- add link preview when send URL in chat and make it clickable
- edit chat_bubbles package bubble_normal_image.dart file to show floating action button to save image if user is receiver
- add download received images on Gallery feature when open it
- add loading dialog until the image is sent or saved
- add some extensions on String ( isContainsLink & isNullOrEmpty )
- add custom message bar widget
- add custom link previewer widget
- make some packages locally

Author: MoazSayed7

android/app/build.gradle

@@ -45,7 +45,7 @@ android {
         applicationId "com.chatchat.app"
         // You can update the following values to match your application needs.
         // For more information, see: https://docs.flutter.dev/deployment/android#reviewing-the-gradle-build-configuration.
-        minSdkVersion 21
+        minSdkVersion 23
         targetSdkVersion flutter.targetSdkVersion
         versionCode flutterVersionCode.toInteger()
         versionName flutterVersionName

android/app/src/main/AndroidManifest.xml

@@ -1,5 +1,6 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
     <application
+        android:requestLegacyExternalStorage="true"
         android:label="Chat Chat"
         android:name="${applicationName}"
         android:icon="@mipmap/ic_launcher">

ios/Runner/Info.plist

@@ -7,6 +7,19 @@
 			<string>en</string>
 			<string>ar</string>
 		</array>
+		<key>CFBundleURLTypes</key>
+		<array>
+			<dict>
+				<key>CFBundleTypeRole</key>
+				<string>Editor</string>
+				<key>CFBundleURLName</key>
+				<string>com.chatchat.app</string>
+				<key>CFBundleURLSchemes</key>
+				<array>
+					<string>Chat Chat</string>
+				</array>
+			</dict>
+		</array>
 		<key>NSCameraUsageDescription</key>
 		<string>Allow access to camera</string>
 		<key>NSMicrophoneUsageDescription</key>

lib/chatchat.dart

@@ -0,0 +1,65 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_native_splash/flutter_native_splash.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+import 'main.dart';
+import 'router/app_routes.dart';
+import 'themes/colors.dart';
+
+class ChatChat extends StatefulWidget {
+  final AppRoute appRoute;
+  const ChatChat({
+    super.key,
+    required this.appRoute,
+  });
+
+  @override
+  State<ChatChat> createState() => _ChatChatState();
+}
+
+class _ChatChatState extends State<ChatChat> {
+  @override
+  Widget build(BuildContext context) {
+    return ScreenUtilInit(
+      designSize: const Size(375, 812),
+      minTextAdapt: true,
+      splitScreenMode: true,
+      child: MaterialApp(
+        title: 'Chat Chat',
+        localizationsDelegates: context.localizationDelegates,
+        supportedLocales: context.supportedLocales,
+        locale: context.locale,
+        theme: ThemeData(
+          useMaterial3: true,
+          primaryColor: ColorsManager.greenPrimary,
+          textSelectionTheme: const TextSelectionThemeData(
+            cursorColor: ColorsManager.greenPrimary,
+            selectionHandleColor: ColorsManager.greenPrimary,
+            selectionColor: Color.fromARGB(209, 0, 168, 132),
+          ),
+          progressIndicatorTheme: const ProgressIndicatorThemeData(
+            color: ColorsManager.greenPrimary,
+          ),
+          floatingActionButtonTheme: const FloatingActionButtonThemeData(
+            backgroundColor: ColorsManager.greenPrimary,
+          ),
+          scaffoldBackgroundColor: ColorsManager.backgroundDefaultColor,
+          appBarTheme: const AppBarTheme(
+            foregroundColor: Colors.white,
+            backgroundColor: ColorsManager.appBarBackgroundColor,
+          ),
+        ),
+        onGenerateRoute: widget.appRoute.onGenerateRoute,
+        initialRoute: initialRoute,
+        debugShowCheckedModeBanner: false,
+      ),
+    );
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    FlutterNativeSplash.remove();
+  }
+}

lib/core/widgets/app_button.dart

@@ -31,23 +31,23 @@ class AppButton extends StatelessWidget {
     return TextButton(
       onPressed: onPressed,
       style: ButtonStyle(
-        shape: MaterialStateProperty.all<RoundedRectangleBorder>(
+        shape: WidgetStateProperty.all<RoundedRectangleBorder>(
           RoundedRectangleBorder(
             borderRadius: BorderRadius.circular(
               borderRadius ?? 30,
             ),
           ),
         ),
-        backgroundColor: MaterialStatePropertyAll(
+        backgroundColor: WidgetStatePropertyAll(
           backgroundColor ?? ColorsManager.greenPrimary,
         ),
-        padding: MaterialStateProperty.all<EdgeInsets>(
+        padding: WidgetStateProperty.all<EdgeInsets>(
           EdgeInsets.symmetric(
             horizontal: horizontalPadding?.w ?? 12.w,
             vertical: verticalPadding?.h ?? 14.h,
           ),
         ),
-        fixedSize: MaterialStateProperty.all(
+        fixedSize: WidgetStateProperty.all(
           Size(buttonWidth?.w ?? double.maxFinite, buttonHeight?.h ?? 52.h),
         ),
       ),

lib/core/widgets/login_and_signup_form.dart

@@ -1,5 +1,4 @@
 import 'package:awesome_dialog/awesome_dialog.dart';
-import '../../services/database.dart';
 import 'package:cloud_firestore/cloud_firestore.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:firebase_auth/firebase_auth.dart';
@@ -13,6 +12,7 @@ import '../../../helpers/app_regex.dart';
 import '../../../themes/styles.dart';
 import '../../helpers/extensions.dart';
 import '../../router/routes.dart';
+import '../../services/database.dart';
 import 'app_button.dart';
 import 'app_text_form_field.dart';
 import 'password_validations.dart';

lib/core/widgets/modal_fit.dart

@@ -1,14 +1,21 @@
+import 'package:awesome_dialog/awesome_dialog.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:restart_app/restart_app.dart';
 
 import '../../helpers/extensions.dart';
 import '../../themes/colors.dart';
 import '../../themes/styles.dart';
 
-class ModalFit extends StatelessWidget {
+class ModalFit extends StatefulWidget {
   const ModalFit({super.key});
 
+  @override
+  State<ModalFit> createState() => _ModalFitState();
+}
+
+class _ModalFitState extends State<ModalFit> {
   @override
   Widget build(BuildContext context) {
     return Material(
@@ -23,9 +30,24 @@ class ModalFit extends StatelessWidget {
               color: Colors.white,
             ),
             tileColor: ColorsManager.appBarBackgroundColor,
-            onTap: () {
-              context.setLocale(const Locale("ar"));
-              context.pop();
+            onTap: () async {
+              await AwesomeDialog(
+                dismissOnBackKeyPress: true,
+                dismissOnTouchOutside: true,
+                context: context,
+                dialogType: DialogType.info,
+                animType: AnimType.scale,
+                title: 'اعادة التشغيل مطلوبة',
+                desc:
+                    'لتطبيق تغيير اللغة إلى العربية، يحتاج التطبيق إلى إعادة التشغيل. يرجى إعادة تشغيل التطبيق الآن.',
+                btnCancelText: 'الغاء',
+                btnCancelOnPress: () => context.pop(),
+                btnOkText: 'إعادة التشغيل',
+                btnOkOnPress: () async {
+                  await context.setLocale(const Locale("ar"));
+                  await Restart.restartApp();
+                },
+              ).show();
             },
           ),
           Container(
@@ -41,9 +63,24 @@ class ModalFit extends StatelessWidget {
               Icons.language_rounded,
               color: Colors.white,
             ),
-            onTap: () {
-              context.setLocale(const Locale("en"));
-              context.pop();
+            onTap: () async {
+              await AwesomeDialog(
+                dismissOnBackKeyPress: true,
+                dismissOnTouchOutside: true,
+                context: context,
+                dialogType: DialogType.info,
+                animType: AnimType.scale,
+                title: 'Restart Required',
+                desc:
+                    'To apply the language change to English, the app needs to restart. Please restart the app now.',
+                btnCancelText: 'Cancel',
+                btnCancelOnPress: () => context.pop(),
+                btnOkText: 'Restart',
+                btnOkOnPress: () async {
+                  await context.setLocale(const Locale("en"));
+                  Restart.restartApp();
+                },
+              ).show();
             },
           ),
         ],