Merge pull request #2 from GetStream/fix/loading-screen

feat: Added native and local splash screens

.gitignore

@@ -2,6 +2,7 @@
 .atom/
 .idea/
 .vscode/
+**/.fvm/
 
 .packages
 .pub/

stream_chat_v1/android/app/src/main/res/drawable/launch_background.xml

@@ -1,12 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Modify this file to customize your launch splash screen -->
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:drawable="@android:color/white" />
+    <item android:drawable="@color/splash_color"/>
-
-    <!-- You can insert your own image assets here -->
-    <!-- <item>
-        <bitmap
-            android:gravity="center"
-            android:src="@mipmap/launch_image" />
-    </item> -->
 </layer-list>

stream_chat_v1/android/app/src/main/res/values/colors.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="splash_color">#005fff</color>
+</resources>

stream_chat_v1/ios/Flutter/.last_build_id

@@ -1 +1 @@
-15590bfc713ca5ccd71d79a75eb28980
+c3757524e06ced55f3d1b83411b9e99c

stream_chat_v1/ios/Flutter/Debug.xcconfig

@@ -1,2 +1,3 @@
+#include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"
 #include "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"
 #include "Generated.xcconfig"

stream_chat_v1/ios/Flutter/Release.xcconfig

@@ -1,2 +1,3 @@
+#include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"
 #include "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"
 #include "Generated.xcconfig"

stream_chat_v1/ios/Runner.xcodeproj/project.pbxproj

@@ -309,10 +309,11 @@
 			);
 			inputPaths = (
 				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh",
+				"${BUILT_PRODUCTS_DIR}/Starscream-framework/Starscream.framework",
+				"${BUILT_PRODUCTS_DIR}/StreamChatClient-framework/StreamChatClient.framework",
 				"${BUILT_PRODUCTS_DIR}/DKImagePickerController/DKImagePickerController.framework",
 				"${BUILT_PRODUCTS_DIR}/DKPhotoGallery/DKPhotoGallery.framework",
 				"${BUILT_PRODUCTS_DIR}/FMDB/FMDB.framework",
-				"${PODS_ROOT}/../Flutter/Flutter.framework",
 				"${BUILT_PRODUCTS_DIR}/SDWebImage/SDWebImage.framework",
 				"${BUILT_PRODUCTS_DIR}/SwiftyGif/SwiftyGif.framework",
 				"${BUILT_PRODUCTS_DIR}/esys_flutter_share/esys_flutter_share.framework",
@@ -336,10 +337,11 @@
 			);
 			name = "[CP] Embed Pods Frameworks";
 			outputPaths = (
+				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/Starscream.framework",
+				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/StreamChatClient.framework",
 				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/DKImagePickerController.framework",
 				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/DKPhotoGallery.framework",
 				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/FMDB.framework",
-				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/Flutter.framework",
 				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImage.framework",
 				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SwiftyGif.framework",
 				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/esys_flutter_share.framework",

stream_chat_v1/ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata

@@ -2,6 +2,6 @@
 <Workspace
    version = "1.0">
    <FileRef
-      location = "group:Runner.xcodeproj">
+      location = "self:">
    </FileRef>
 </Workspace>

stream_chat_v1/ios/Runner/Assets.xcassets/LaunchBackground.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "background.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

stream_chat_v1/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json

@@ -1,23 +1,23 @@
 {
   "images" : [
     {
-      "idiom" : "universal",
       "filename" : "LaunchImage.png",
+      "idiom" : "universal",
       "scale" : "1x"
     },
     {
-      "idiom" : "universal",
       "filename" : "[email protected]",
+      "idiom" : "universal",
       "scale" : "2x"
     },
     {
-      "idiom" : "universal",
       "filename" : "[email protected]",
+      "idiom" : "universal",
       "scale" : "3x"
     }
   ],
   "info" : {
-    "version" : 1,
+    "author" : "xcode",
-    "author" : "xcode"
+    "version" : 1
   }
 }

stream_chat_v1/ios/Runner/Base.lproj/LaunchScreen.storyboard

@@ -16,13 +16,19 @@
                     <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
-                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" image="LaunchImage" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4">
+                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleToFill" image="LaunchBackground" translatesAutoresizingMaskIntoConstraints="NO" id="tWc-Dq-wcI"/>
-                            </imageView>
+                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" image="LaunchImage" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4"></imageView>
                         </subviews>
                         <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <constraints>
-                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="centerX" secondItem="Ze5-6b-2t3" secondAttribute="centerX" id="1a2-6s-vTC"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="leading" secondItem="Ze5-6b-2t3" secondAttribute="leading" id="3T2-ad-Qdv"/>
-                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="centerY" id="4X2-HB-R7a"/>
+                            <constraint firstItem="tWc-Dq-wcI" firstAttribute="bottom" secondItem="Ze5-6b-2t3" secondAttribute="bottom" id="RPx-PI-7Xg"/>
+                            <constraint firstItem="tWc-Dq-wcI" firstAttribute="top" secondItem="Ze5-6b-2t3" secondAttribute="top" id="SdS-ul-q2q"/>
+                            <constraint firstAttribute="trailing" secondItem="tWc-Dq-wcI" secondAttribute="trailing" id="Swv-Gf-Rwn"/>
+                            <constraint firstAttribute="trailing" secondItem="YRO-k0-Ey4" secondAttribute="trailing" id="TQA-XW-tRk"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="bottom" secondItem="Ze5-6b-2t3" secondAttribute="bottom" id="duK-uY-Gun"/>
+                            <constraint firstItem="tWc-Dq-wcI" firstAttribute="leading" secondItem="Ze5-6b-2t3" secondAttribute="leading" id="kV7-tw-vXt"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="top" secondItem="Ze5-6b-2t3" secondAttribute="top" id="xPn-NY-SIU"/>
                         </constraints>
                     </view>
                 </viewController>
@@ -33,5 +39,6 @@
     </scenes>
     <resources>
         <image name="LaunchImage" width="168" height="185"/>
+        <image name="LaunchBackground" width="1" height="1"/>
     </resources>
-</document>
+</document>

stream_chat_v1/ios/Runner/Info.plist

@@ -1,64 +1,66 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
-<dict>
+	<dict>
-	<key>CFBundleDevelopmentRegion</key>
+		<key>CFBundleDevelopmentRegion</key>
-	<string>$(DEVELOPMENT_LANGUAGE)</string>
+		<string>$(DEVELOPMENT_LANGUAGE)</string>
-	<key>CFBundleExecutable</key>
+		<key>CFBundleExecutable</key>
-	<string>$(EXECUTABLE_NAME)</string>
+		<string>$(EXECUTABLE_NAME)</string>
-	<key>CFBundleIdentifier</key>
+		<key>CFBundleIdentifier</key>
-	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+		<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
-	<key>CFBundleInfoDictionaryVersion</key>
+		<key>CFBundleInfoDictionaryVersion</key>
-	<string>6.0</string>
+		<string>6.0</string>
-	<key>CFBundleName</key>
+		<key>CFBundleName</key>
-	<string>ChatSample</string>
+		<string>ChatSample</string>
-	<key>CFBundlePackageType</key>
+		<key>CFBundlePackageType</key>
-	<string>APPL</string>
+		<string>APPL</string>
-	<key>CFBundleShortVersionString</key>
+		<key>CFBundleShortVersionString</key>
-	<string>$(FLUTTER_BUILD_NAME)</string>
+		<string>$(FLUTTER_BUILD_NAME)</string>
-	<key>CFBundleSignature</key>
+		<key>CFBundleSignature</key>
-	<string>????</string>
+		<string>????</string>
-	<key>CFBundleVersion</key>
+		<key>CFBundleVersion</key>
-	<string>$(FLUTTER_BUILD_NUMBER)</string>
+		<string>$(FLUTTER_BUILD_NUMBER)</string>
-	<key>LSRequiresIPhoneOS</key>
+		<key>LSRequiresIPhoneOS</key>
-	<true/>
+		<true/>
-	<key>NSAppleMusicUsageDescription</key>
+		<key>NSAppleMusicUsageDescription</key>
-	<string>Used to send message attachments</string>
+		<string>Used to send message attachments</string>
-	<key>NSCameraUsageDescription</key>
+		<key>NSCameraUsageDescription</key>
-	<string>Used to send message attachments</string>
+		<string>Used to send message attachments</string>
-	<key>NSMicrophoneUsageDescription</key>
+		<key>NSMicrophoneUsageDescription</key>
-	<string>Used to send message attachments</string>
+		<string>Used to send message attachments</string>
-	<key>NSPhotoLibraryUsageDescription</key>
+		<key>NSPhotoLibraryUsageDescription</key>
-	<string>Used to send message attachments</string>
+		<string>Used to send message attachments</string>
-	<key>UIBackgroundModes</key>
+		<key>UIBackgroundModes</key>
-	<array>
+		<array>
-		<string>fetch</string>
+			<string>fetch</string>
-		<string>remote-notification</string>
+			<string>remote-notification</string>
-	</array>
+		</array>
-	<key>UILaunchStoryboardName</key>
+		<key>UILaunchStoryboardName</key>
-	<string>LaunchScreen</string>
+		<string>LaunchScreen</string>
-	<key>UIMainStoryboardFile</key>
+		<key>UIMainStoryboardFile</key>
-	<string>Main</string>
+		<string>Main</string>
-	<key>UISupportedInterfaceOrientations</key>
+		<key>UISupportedInterfaceOrientations</key>
-	<array>
+		<array>
-		<string>UIInterfaceOrientationPortrait</string>
+			<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
+			<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
+			<string>UIInterfaceOrientationLandscapeRight</string>
-	</array>
+		</array>
-	<key>UISupportedInterfaceOrientations~ipad</key>
+		<key>UISupportedInterfaceOrientations~ipad</key>
-	<array>
+		<array>
-		<string>UIInterfaceOrientationPortrait</string>
+			<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationPortraitUpsideDown</string>
+			<string>UIInterfaceOrientationPortraitUpsideDown</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
+			<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
+			<string>UIInterfaceOrientationLandscapeRight</string>
-	</array>
+		</array>
-	<key>UIViewControllerBasedStatusBarAppearance</key>
+		<key>UIViewControllerBasedStatusBarAppearance</key>
-	<false/>
+		<false/>
-	<key>UIBackgroundModes</key>
+		<key>UIBackgroundModes</key>
-    <array>
+		<array>
-        <string>remote-notification</string>
+			<string>remote-notification</string>
-    </array>
+		</array>
-    <key>UIViewControllerBasedStatusBarAppearance</key>
+		<key>UIViewControllerBasedStatusBarAppearance</key>
-    <true/>
+		<true/>
-</dict>
+		<key>UIStatusBarHidden</key>
-</plist>
+		<false/>
+	</dict>
+</plist>

stream_chat_v1/lib/advanced_options_page.dart

@@ -33,7 +33,6 @@ class _AdvancedOptionsPageState extends State<AdvancedOptionsPage> {
   Widget build(BuildContext context) {
     return Scaffold(
       backgroundColor: StreamChatTheme.of(context).colorTheme.whiteSnow,
-      resizeToAvoidBottomPadding: false,
       appBar: AppBar(
         backgroundColor: StreamChatTheme.of(context).colorTheme.white,
         elevation: 1,

stream_chat_v1/lib/main.dart

@@ -6,8 +6,10 @@ import 'package:example/group_info_screen.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/scheduler.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_secure_storage/flutter_secure_storage.dart';
+import 'package:lottie/lottie.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 import 'package:stream_chat_persistence/stream_chat_persistence.dart';
 import 'package:streaming_shared_preferences/streaming_shared_preferences.dart';
@@ -18,86 +20,237 @@ import 'routes/routes.dart';
 import 'search_text_field.dart';
 
 final chatPersistentClient = StreamChatPersistenceClient(
-  logLevel: Level.INFO,
+  logLevel: Level.SEVERE,
   connectionMode: ConnectionMode.background,
 );
 
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
-  final secureStorage = FlutterSecureStorage();
 
-  final apiKey = await secureStorage.read(key: kStreamApiKey);
+  runApp(MyApp());
-  final userId = await secureStorage.read(key: kStreamUserId);
-
-  final client = StreamChatClient(
-    apiKey ?? kDefaultStreamApiKey,
-    logLevel: Level.INFO,
-  )..chatPersistenceClient = chatPersistentClient;
-
-  if (userId != null) {
-    final token = await secureStorage.read(key: kStreamToken);
-    await client.connectUser(
-      User(id: userId),
-      token,
-    );
-  }
-
-  runApp(MyApp(client));
 }
 
-class MyApp extends StatelessWidget {
+class MyApp extends StatefulWidget {
-  final StreamChatClient client;
+  @override
+  _MyAppState createState() => _MyAppState();
+}
 
-  MyApp(this.client);
+class _MyAppState extends State<MyApp> with TickerProviderStateMixin {
+  InitData _initData;
+  bool _animCompleted = false;
+  Animation<double> _animation, _scaleAnimation;
+  AnimationController _animationController, _scaleAnimationController;
+  Animation<Color> _colorAnimation;
+  int timeOfStartMs;
+
+  Future<InitData> _initConnection() async {
+    final secureStorage = FlutterSecureStorage();
+
+    final apiKey = await secureStorage.read(key: kStreamApiKey);
+    final userId = await secureStorage.read(key: kStreamUserId);
+
+    final client = StreamChatClient(
+      apiKey ?? kDefaultStreamApiKey,
+      logLevel: Level.SEVERE,
+    )..chatPersistenceClient = chatPersistentClient;
+
+    if (userId != null) {
+      final token = await secureStorage.read(key: kStreamToken);
+      await client.connectUser(
+        User(id: userId),
+        token,
+      );
+    }
+
+    var prefs = await StreamingSharedPreferences.instance;
+
+    return InitData(client, prefs);
+  }
+
+  void _createAnimations() {
+    _scaleAnimationController = AnimationController(
+      vsync: this,
+      value: 0,
+      duration: Duration(
+        milliseconds: 500,
+      ),
+    );
+    _scaleAnimation = Tween(
+      begin: 1.0,
+      end: 1.5,
+    ).animate(CurvedAnimation(
+      parent: _scaleAnimationController,
+      curve: Curves.easeInOutBack,
+    ));
+
+    _animationController = AnimationController(
+      vsync: this,
+      duration: Duration(
+        milliseconds: 1000,
+      ),
+    );
+    _animation = Tween(
+      begin: 0.0,
+      end: 1000.0,
+    ).animate(CurvedAnimation(
+      parent: _animationController,
+      curve: Curves.easeInOut,
+    ));
+    _colorAnimation = ColorTween(
+      begin: Color(0xff005FFF),
+      end: Color(0xff005FFF),
+    ).animate(CurvedAnimation(
+      parent: _animationController,
+      curve: Curves.easeInOut,
+    ));
+    _colorAnimation = ColorTween(
+      begin: Color(0xff005FFF),
+      end: Colors.transparent,
+    ).animate(CurvedAnimation(
+      parent: _animationController,
+      curve: Curves.easeInOut,
+    ));
+  }
 
   @override
-  Widget build(BuildContext context) {
+  void initState() {
-    return FutureBuilder<StreamingSharedPreferences>(
+    timeOfStartMs = DateTime.now().millisecondsSinceEpoch;
-      future: StreamingSharedPreferences.instance,
+
-      builder: (context, snapshot) {
+    _createAnimations();
-        if (!snapshot.hasData) {
+
-          return SizedBox();
+    _initConnection().then(
+      (initData) {
+        setState(() {
+          _initData = initData;
+        });
+
+        var now = DateTime.now().millisecondsSinceEpoch;
+
+        if (now - timeOfStartMs > 1500) {
+          SchedulerBinding.instance.addPostFrameCallback((timeStamp) {
+            _scaleAnimationController.forward().whenComplete(() {
+              _animationController.forward();
+            });
+          });
+        } else {
+          Future.delayed(Duration(milliseconds: 1500)).then((value) {
+            _scaleAnimationController.forward().whenComplete(() {
+              _animationController.forward();
+            });
+          });
         }
-        return PreferenceBuilder<int>(
+      },
-          preference: snapshot.data.getInt(
+    );
-            'theme',
+    _animationController.addStatusListener((status) {
-            defaultValue: 0,
+      if (status == AnimationStatus.completed) {
+        setState(() {
+          _animCompleted = true;
+        });
+      }
+    });
+    super.initState();
+  }
+
+  Widget _buildAnimation() {
+    return MaterialApp(
+      home: Stack(
+        clipBehavior: Clip.none,
+        alignment: Alignment.center,
+        children: [
+          AnimatedBuilder(
+            animation: _scaleAnimation,
+            builder: (context, _) {
+              return Transform.scale(
+                scale: _scaleAnimation.value,
+                child: AnimatedBuilder(
+                    animation: _colorAnimation,
+                    builder: (context, snapshot) {
+                      return Container(
+                        alignment: Alignment.center,
+                        constraints: BoxConstraints.expand(),
+                        color: _colorAnimation == null
+                            ? Color(0xff005FFF)
+                            : _colorAnimation.value,
+                        child: !_animationController.isAnimating
+                            ? Lottie.asset(
+                                'assets/floating_boat.json',
+                                alignment: Alignment.center,
+                              )
+                            : SizedBox(),
+                      );
+                    }),
+              );
+            },
           ),
-          builder: (context, snapshot) => MaterialApp(
+          AnimatedBuilder(
-            builder: (context, child) {
+            animation: _animation,
-              return StreamChat(
+            builder: (context, snapshot) {
-                client: client,
+              return Transform.scale(
-                onBackgroundEventReceived: (e) =>
+                scale: _animation.value,
-                    showLocalNotification(e, client.state.user.id),
+                child: Container(
-                child: Builder(
+                  width: 1.0,
-                  builder: (context) => AnnotatedRegion<SystemUiOverlayStyle>(
+                  height: 1.0,
-                    child: child,
+                  decoration: BoxDecoration(
-                    value: SystemUiOverlayStyle(
+                    color: Colors.white
-                      systemNavigationBarColor:
+                        .withOpacity(1 - _animationController.value),
-                          StreamChatTheme.of(context).colorTheme.white,
+                    shape: BoxShape.circle,
-                      systemNavigationBarIconBrightness:
-                          Theme.of(context).brightness == Brightness.dark
-                              ? Brightness.light
-                              : Brightness.dark,
-                    ),
                   ),
                 ),
               );
             },
-            debugShowCheckedModeBanner: false,
-            theme: ThemeData.light(),
-            darkTheme: ThemeData.dark(),
-            themeMode: {
-              -1: ThemeMode.dark,
-              0: ThemeMode.system,
-              1: ThemeMode.light,
-            }[snapshot],
-            onGenerateRoute: AppRoutes.generateRoute,
-            initialRoute:
-                client.state.user == null ? Routes.CHOOSE_USER : Routes.HOME,
           ),
-        );
+        ],
-      },
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(
+      alignment: Alignment.center,
+      children: [
+        if (_initData != null)
+          PreferenceBuilder<int>(
+            preference: _initData.preferences.getInt(
+              'theme',
+              defaultValue: 0,
+            ),
+            builder: (context, snapshot) => MaterialApp(
+              builder: (context, child) {
+                return StreamChat(
+                  client: _initData.client,
+                  onBackgroundEventReceived: (e) =>
+                      showLocalNotification(e, _initData.client.state.user.id),
+                  child: Builder(
+                    builder: (context) => AnnotatedRegion<SystemUiOverlayStyle>(
+                      child: child,
+                      value: SystemUiOverlayStyle(
+                        systemNavigationBarColor:
+                            StreamChatTheme.of(context).colorTheme.white,
+                        systemNavigationBarIconBrightness:
+                            Theme.of(context).brightness == Brightness.dark
+                                ? Brightness.light
+                                : Brightness.dark,
+                      ),
+                    ),
+                  ),
+                );
+              },
+              theme: ThemeData.light(),
+              darkTheme: ThemeData.dark(),
+              themeMode: {
+                -1: ThemeMode.dark,
+                0: ThemeMode.system,
+                1: ThemeMode.light,
+              }[snapshot],
+              onGenerateRoute: AppRoutes.generateRoute,
+              initialRoute: _initData.client.state.user == null
+                  ? Routes.CHOOSE_USER
+                  : Routes.HOME,
+            ),
+          ),
+        if (!_animCompleted) _buildAnimation(),
+      ],
     );
   }
 }
@@ -833,3 +986,57 @@ class _ThreadPageState extends State<ThreadPage> {
     );
   }
 }
+
+class InitData {
+  final StreamChatClient client;
+  final StreamingSharedPreferences preferences;
+
+  InitData(this.client, this.preferences);
+}
+
+class HolePainter extends CustomPainter {
+  HolePainter({
+    @required this.color,
+    @required this.holeSize,
+  });
+
+  Color color;
+  double holeSize;
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    double radius = holeSize / 2;
+    Rect rect = Rect.fromLTWH(0, 0, size.width, size.height);
+    Rect outerCircleRect = Rect.fromCircle(
+        center: Offset(size.width / 2, size.height / 2), radius: radius);
+    Rect innerCircleRect = Rect.fromCircle(
+        center: Offset(size.width / 2, size.height / 2), radius: radius / 2);
+
+    Path transparentHole = Path.combine(
+      PathOperation.difference,
+      Path()..addRect(rect),
+      Path()
+        ..addOval(outerCircleRect)
+        ..close(),
+    );
+
+    Path halfTransparentRing = Path.combine(
+      PathOperation.difference,
+      Path()
+        ..addOval(outerCircleRect)
+        ..close(),
+      Path()
+        ..addOval(innerCircleRect)
+        ..close(),
+    );
+
+    canvas.drawPath(transparentHole, Paint()..color = color);
+    canvas.drawPath(
+        halfTransparentRing, Paint()..color = color.withOpacity(0.5));
+  }
+
+  @override
+  bool shouldRepaint(CustomPainter oldDelegate) {
+    return true;
+  }
+}

stream_chat_v1/lib/routes/app_routes.dart

@@ -19,7 +19,7 @@ class AppRoutes {
         return MaterialPageRoute(
             settings: const RouteSettings(name: Routes.APP),
             builder: (_) {
-              return MyApp(args);
+              return MyApp();
             });
       case Routes.HOME:
         return MaterialPageRoute(

stream_chat_v1/pubspec.yaml

@@ -17,12 +17,9 @@ dependencies:
   yaml: ^2.2.1
   uuid: ^2.2.2
   streaming_shared_preferences: ^1.0.2
+  lottie: ^0.7.0+1
 
 dev_dependencies:
-  flutter_test:
-    sdk: flutter
-  flutter_driver:
-    sdk: flutter
   flutter_launcher_icons: ^0.8.1
   test: any