164 lines
4.9 KiB
Dart
164 lines
4.9 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:stream_chat_flutter/src/stream_chat_theme.dart';
|
|
import 'package:stream_chat_flutter/stream_chat_flutter.dart';
|
|
import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
|
|
|
|
import 'back_button.dart';
|
|
import 'channel_name.dart';
|
|
|
|
/// 
|
|
/// 
|
|
///
|
|
/// It shows the current thread information.
|
|
///
|
|
/// ```dart
|
|
/// class ThreadPage extends StatelessWidget {
|
|
/// final Message parent;
|
|
///
|
|
/// ThreadPage({
|
|
/// Key key,
|
|
/// this.parent,
|
|
/// }) : super(key: key);
|
|
///
|
|
/// @override
|
|
/// Widget build(BuildContext context) {
|
|
/// return Scaffold(
|
|
/// appBar: ThreadHeader(
|
|
/// parent: parent,
|
|
/// ),
|
|
/// body: Column(
|
|
/// children: <Widget>[
|
|
/// Expanded(
|
|
/// child: MessageListView(
|
|
/// parentMessage: parent,
|
|
/// ),
|
|
/// ),
|
|
/// MessageInput(
|
|
/// parentMessage: parent,
|
|
/// ),
|
|
/// ],
|
|
/// ),
|
|
/// );
|
|
/// }
|
|
/// }
|
|
/// ```
|
|
///
|
|
/// Usually you would use this widget as an [AppBar] inside a [Scaffold].
|
|
/// However you can also use it as a normal widget.
|
|
///
|
|
/// Make sure to have a [StreamChannel] ancestor in order to provide the information about the channel.
|
|
/// Every part of the widget uses a [StreamBuilder] to render the channel information as soon as it updates.
|
|
///
|
|
/// By default the widget shows a backButton that calls [Navigator.pop].
|
|
/// You can disable this button using the [showBackButton] property of just override the behaviour
|
|
/// with [onBackPressed].
|
|
///
|
|
/// The widget components render the ui based on the first ancestor of type [StreamChatTheme] and on its [ChannelTheme.channelHeaderTheme] property.
|
|
/// Modify it to change the widget appearance.
|
|
class ThreadHeader extends StatelessWidget implements PreferredSizeWidget {
|
|
/// True if this header shows the leading back button
|
|
final bool showBackButton;
|
|
|
|
/// Callback to call when pressing the back button.
|
|
/// By default it calls [Navigator.pop]
|
|
final VoidCallback? onBackPressed;
|
|
|
|
/// Callback to call when the title is tapped.
|
|
final VoidCallback? onTitleTap;
|
|
|
|
/// The message parent of this thread
|
|
final Message parent;
|
|
|
|
/// Title widget
|
|
final Widget? title;
|
|
|
|
/// Subtitle widget
|
|
final Widget? subtitle;
|
|
|
|
/// Leading widget
|
|
final Widget? leading;
|
|
|
|
/// AppBar actions
|
|
final List<Widget>? actions;
|
|
|
|
/// Instantiate a new ThreadHeader
|
|
ThreadHeader({
|
|
Key? key,
|
|
required this.parent,
|
|
this.showBackButton = true,
|
|
this.onBackPressed,
|
|
this.title,
|
|
this.subtitle,
|
|
this.leading,
|
|
this.actions,
|
|
this.onTitleTap,
|
|
}) : preferredSize = Size.fromHeight(kToolbarHeight),
|
|
super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return AppBar(
|
|
automaticallyImplyLeading: false,
|
|
brightness: Theme.of(context).brightness,
|
|
elevation: 1,
|
|
leading: leading ??
|
|
(showBackButton
|
|
? StreamBackButton(
|
|
cid: StreamChannel.of(context).channel.cid,
|
|
onPressed: onBackPressed,
|
|
showUnreads: true,
|
|
)
|
|
: SizedBox()),
|
|
backgroundColor:
|
|
StreamChatTheme.of(context).channelTheme.channelHeaderTheme.color,
|
|
centerTitle: true,
|
|
actions: actions,
|
|
title: InkWell(
|
|
onTap: onTitleTap,
|
|
child: Container(
|
|
height: preferredSize.height,
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
title ??
|
|
Text(
|
|
'Thread Reply',
|
|
style: StreamChatTheme.of(context)
|
|
.channelTheme
|
|
.channelHeaderTheme
|
|
.title,
|
|
),
|
|
SizedBox(height: 2),
|
|
subtitle ??
|
|
Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
'with ',
|
|
style: StreamChatTheme.of(context)
|
|
.channelTheme
|
|
.channelHeaderTheme
|
|
.subtitle,
|
|
),
|
|
Flexible(
|
|
child: ChannelName(
|
|
textStyle: StreamChatTheme.of(context)
|
|
.channelTheme
|
|
.channelHeaderTheme
|
|
.subtitle,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
final Size preferredSize;
|
|
}
|