talksik/stream-chat-flutter
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

let users use custom reaction builders

Browse Source
This commit is contained in:
Salvatore Giordano
2021-06-14 17:20:52 +02:00
parent aa3cdfcd9e
commit 3a44117628
8 changed files with 148 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/stream_chat_flutter/lib/src/stream_chat_theme.dart
+48 -6
View File
@@ -217,10 +217,11 @@ class StreamChatThemeData {
TextTheme textTheme,
) {
final accentColor = colorTheme.accentBlue;
final iconTheme = IconThemeData(color: colorTheme.black.withOpacity(.5));
return StreamChatThemeData.raw(
textTheme: textTheme,
colorTheme: colorTheme,
primaryIconTheme: IconThemeData(color: colorTheme.black.withOpacity(.5)),
primaryIconTheme: iconTheme,
defaultChannelImage: (context, channel) => const SizedBox(),
defaultUserImage: (context, user) => Center(
child: CachedNetworkImage(
@@ -342,29 +343,70 @@ class StreamChatThemeData {
reactionIcons: [
ReactionIcon(
type: 'love',
assetName: 'Icon_love_reaction.svg',
builder: (context, highlighted, size) => StreamSvgIcon.loveReaction(
color: highlighted
? colorTheme.accentBlue
: iconTheme.color!.withOpacity(.5),
size: size,
),
),
ReactionIcon(
type: 'like',
assetName: 'Icon_thumbs_up_reaction.svg',
builder: (context, highlighted, size) =>
StreamSvgIcon.thumbsUpReaction(
color: highlighted
? colorTheme.accentBlue
: iconTheme.color!.withOpacity(.5),
size: size,
),
),
ReactionIcon(
type: 'sad',
assetName: 'Icon_thumbs_down_reaction.svg',
builder: (context, highlighted, size) =>
StreamSvgIcon.thumbsDownReaction(
color: highlighted
? colorTheme.accentBlue
: iconTheme.color!.withOpacity(.5),
size: size,
),
),
ReactionIcon(
type: 'haha',
assetName: 'Icon_LOL_reaction.svg',
builder: (context, highlighted, size) => StreamSvgIcon.lolReaction(
color: highlighted
? colorTheme.accentBlue
: iconTheme.color!.withOpacity(.5),
size: size,
),
),
ReactionIcon(
type: 'wow',
assetName: 'Icon_wut_reaction.svg',
builder: (context, highlighted, size) => StreamSvgIcon.wutReaction(
color: highlighted
? colorTheme.accentBlue
: iconTheme.color!.withOpacity(.5),
size: size,
),
),
],
);
}
}
class ReactionTheme {
final double singleSize;
final double size;
final Color ownReactionColor;
final Color otherReactionColor;
const ReactionTheme({
required this.singleSize,
required this.size,
required this.ownReactionColor,
required this.otherReactionColor,
});
}
/// Class for holding text theme
class TextTheme {
/// Initialise light text theme