feat: Added native and local splash screens

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/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>

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>
+		<false/>
+	</dict>
 </plist>

stream_chat_v1/lib/main.dart

@@ -8,6 +8,7 @@ import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_secure_storage/flutter_secure_storage.dart';
+import 'package:flutter_svg/flutter_svg.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';
@@ -24,61 +25,75 @@ final chatPersistentClient = StreamChatPersistenceClient(
 
 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 {
-  final StreamChatClient client;
+  Future<InitData> _initConnection() async {
+    final secureStorage = FlutterSecureStorage();
 
-  MyApp(this.client);
+    final apiKey = await secureStorage.read(key: kStreamApiKey);
+    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,
+      );
+    }
+
+    var prefs = await StreamingSharedPreferences.instance;
+
+    return InitData(client, prefs);
+  }
 
   @override
   Widget build(BuildContext context) {
-    return FutureBuilder<StreamingSharedPreferences>(
+    return FutureBuilder<InitData>(
-      future: StreamingSharedPreferences.instance,
+      future: _initConnection(),
-      builder: (context, snapshot) {
+      builder: (context, initData) {
-        if (!snapshot.hasData) {
+        if (!initData.hasData) {
-          return SizedBox();
+          return MaterialApp(
+            home: Container(
+              alignment: Alignment.center,
+              color: Colors.white,
+              child: Container(
+                height: 80.0,
+                width: 80.0,
+                child: SvgPicture.asset('assets/logo.svg'),
+              ),
+            ),
+          );
         }
+
         return PreferenceBuilder<int>(
-          preference: snapshot.data.getInt(
+          preference: initData.data.preferences.getInt(
             'theme',
             defaultValue: 0,
           ),
           builder: (context, snapshot) => MaterialApp(
             builder: (context, child) {
               return StreamChat(
-                client: client,
+                client: initData.data.client,
                 onBackgroundEventReceived: (e) =>
-                    showLocalNotification(e, client.state.user.id),
+                    showLocalNotification(e, initData.data.client.state.user.id),
                 child: Builder(
                   builder: (context) => AnnotatedRegion<SystemUiOverlayStyle>(
                     child: child,
                     value: SystemUiOverlayStyle(
                       systemNavigationBarColor:
-                          StreamChatTheme.of(context).colorTheme.white,
+                      StreamChatTheme.of(context).colorTheme.white,
                       systemNavigationBarIconBrightness:
-                          Theme.of(context).brightness == Brightness.dark
+                      Theme.of(context).brightness == Brightness.dark
-                              ? Brightness.light
+                          ? Brightness.light
-                              : Brightness.dark,
+                          : Brightness.dark,
                     ),
                   ),
                 ),
@@ -94,7 +109,7 @@ class MyApp extends StatelessWidget {
             }[snapshot],
             onGenerateRoute: AppRoutes.generateRoute,
             initialRoute:
-                client.state.user == null ? Routes.CHOOSE_USER : Routes.HOME,
+            initData.data.client.state.user == null ? Routes.CHOOSE_USER : Routes.HOME,
           ),
         );
       },
@@ -833,3 +848,10 @@ class _ThreadPageState extends State<ThreadPage> {
     );
   }
 }
+
+class InitData {
+  final StreamChatClient client;
+  final StreamingSharedPreferences preferences;
+
+  InitData(this.client, this.preferences);
+}

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(