Merge pull request #428 from GetStream/feat/textOverflow

This commit is contained in:
Sahil Kumar
2021-05-12 13:28:25 +05:30
committed by GitHub
@@ -12,11 +12,15 @@ class ChannelName extends StatelessWidget {
const ChannelName({ const ChannelName({
Key? key, Key? key,
this.textStyle, this.textStyle,
this.textOverflow = TextOverflow.ellipsis,
}) : super(key: key); }) : super(key: key);
/// The style of the text displayed /// The style of the text displayed
final TextStyle? textStyle; final TextStyle? textStyle;
/// How visual overflow should be handled.
final TextOverflow textOverflow;
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final client = StreamChat.of(context); final client = StreamChat.of(context);
@@ -37,12 +41,14 @@ class ChannelName extends StatelessWidget {
) => ) =>
LayoutBuilder( LayoutBuilder(
builder: (context, constraints) { builder: (context, constraints) {
String? title; var title = 'No title';
if (extraData['name'] == null) { if (extraData['name'] == null) {
final otherMembers = final otherMembers =
members?.where((member) => member.userId != client.user!.id); members?.where((member) => member.userId != client.user!.id);
if (otherMembers?.length == 1) { if (otherMembers?.length == 1) {
title = otherMembers!.first.user?.name; if (otherMembers!.first.user != null) {
title = otherMembers.first.user!.name;
}
} else if (otherMembers?.isNotEmpty == true) { } else if (otherMembers?.isNotEmpty == true) {
final maxWidth = constraints.maxWidth; final maxWidth = constraints.maxWidth;
final maxChars = maxWidth / (textStyle?.fontSize ?? 1); final maxChars = maxWidth / (textStyle?.fontSize ?? 1);
@@ -61,17 +67,15 @@ class ChannelName extends StatelessWidget {
otherMembers.length - currentMembers.length; otherMembers.length - currentMembers.length;
title = '${currentMembers.map((e) => e.user?.name).join(', ')} ' title = '${currentMembers.map((e) => e.user?.name).join(', ')} '
'${exceedingMembers > 0 ? '+ $exceedingMembers' : ''}'; '${exceedingMembers > 0 ? '+ $exceedingMembers' : ''}';
} else {
title = 'No title';
} }
} else { } else {
title = extraData['name']; title = extraData['name'];
} }
return Text( return Text(
title!, title,
style: textStyle, style: textStyle,
overflow: TextOverflow.ellipsis, overflow: textOverflow,
); );
}, },
); );