fix: Layouts

lib/widgets/layouts/side_view_layout.dart

@@ -0,0 +1,40 @@
+import 'package:fluffychat/config/app_config.dart';
+import 'package:flutter/material.dart';
+import 'package:vrouter/vrouter.dart';
+
+class SideViewLayout extends StatelessWidget {
+  final Widget mainView;
+  final Widget sideView;
+
+  const SideViewLayout({Key key, @required this.mainView, this.sideView})
+      : super(key: key);
+  @override
+  Widget build(BuildContext context) {
+    var currentUrl = Uri.decodeFull(VRouter.of(context).url);
+    if (!currentUrl.endsWith('/')) currentUrl += '/';
+    final hideSideView = currentUrl.split('/').length == 4;
+    return sideView == null
+        ? mainView
+        : MediaQuery.of(context).size.width < AppConfig.columnWidth * 3 &&
+                !hideSideView
+            ? sideView
+            : Row(
+                children: [
+                  Expanded(
+                    child: ClipRRect(child: mainView),
+                  ),
+                  Container(
+                    width: 1.0,
+                    color: Theme.of(context).dividerColor,
+                  ),
+                  AnimatedContainer(
+                    duration: Duration(milliseconds: 300),
+                    clipBehavior: Clip.antiAlias,
+                    decoration: BoxDecoration(),
+                    width: hideSideView ? 0 : 360.0,
+                    child: hideSideView ? null : sideView,
+                  ),
+                ],
+              );
+  }
+}