feat: Added new image detail screen

2020-11-12 17:04:01 +05:30
parent 264b11362e
commit 3ad6a25a82
6 changed files with 345 additions and 49 deletions
@@ -0,0 +1,133 @@
+import 'package:flutter/material.dart';
+import 'package:stream_chat/stream_chat.dart';
+import 'package:stream_chat_flutter/src/back_button.dart';
+import 'package:stream_chat_flutter/src/channel_info.dart';
+import 'package:stream_chat_flutter/src/channel_name.dart';
+import 'package:stream_chat_flutter/src/stream_chat_theme.dart';
+import 'package:stream_chat_flutter/src/stream_icons.dart';
+
+import './channel_name.dart';
+import 'channel_image.dart';
+import 'stream_channel.dart';
+
+class ImageFooter extends StatelessWidget {
+  /// Callback to call when pressing the back button.
+  /// By default it calls [Navigator.pop]
+  final VoidCallback onBackPressed;
+
+  /// Callback to call when the header is tapped.
+  final VoidCallback onTitleTap;
+
+  /// Callback to call when the image is tapped.
+  final VoidCallback onImageTap;
+
+  final int currentPage;
+  final int totalPages;
+
+  /// Creates a channel header
+  ImageFooter({
+    Key key,
+    this.onBackPressed,
+    this.onTitleTap,
+    this.onImageTap,
+    this.currentPage = 0,
+    this.totalPages = 0,
+  })  : preferredSize = Size.fromHeight(kToolbarHeight),
+        super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return SafeArea(
+      child: Container(
+        color: StreamChatTheme.of(context).channelTheme.channelHeaderTheme.color,
+        padding: EdgeInsets.symmetric(vertical: 8.0),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            IconButton(
+              icon: Icon(
+                StreamIcons.share,
+                size: 24.0,
+                color: Colors.black,
+              ),
+              onPressed: onBackPressed,
+            ),
+            InkWell(
+              onTap: onTitleTap,
+              child: Container(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  mainAxisSize: MainAxisSize.min,
+                  children: <Widget>[
+                    Text(
+                      '${currentPage + 1} of $totalPages',
+                      style: TextStyle(
+                        fontSize: 16.0,
+                        fontWeight: FontWeight.w700,
+                        color: Colors.black,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+            IconButton(
+              icon: Icon(
+                StreamIcons.grid,
+                color: Colors.black,
+              ),
+              onPressed: () {},
+            ),
+          ],
+        ),
+      ),
+    );
+
+    return AppBar(
+      brightness: Theme.of(context).brightness,
+      elevation: 1,
+      leading: IconButton(
+        icon: Icon(StreamIcons.share),
+        onPressed: onBackPressed,
+      ),
+      backgroundColor:
+          StreamChatTheme.of(context).channelTheme.channelHeaderTheme.color,
+      actions: <Widget>[
+        IconButton(
+          icon: Icon(StreamIcons.grid),
+          onPressed: () {},
+        ),
+      ],
+      centerTitle: true,
+      title: InkWell(
+        onTap: onTitleTap,
+        child: Container(
+          height: preferredSize.height,
+          width: preferredSize.width,
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.center,
+            mainAxisAlignment: MainAxisAlignment.center,
+            mainAxisSize: MainAxisSize.min,
+            children: <Widget>[
+              Text(
+                'Demo name',
+                style: StreamChatTheme.of(context)
+                    .channelTheme
+                    .channelHeaderTheme
+                    .title,
+              ),
+              Text(
+                '1 of 1',
+                style: StreamChatTheme.of(context).channelPreviewTheme.subtitle,
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  @override
+  final Size preferredSize;
+}