94 lines
3.1 KiB
Dart
94 lines
3.1 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:stream_chat_flutter/src/reaction_bubble.dart';
|
|
|
|
import '../stream_chat_flutter.dart';
|
|
|
|
/// 
|
|
/// 
|
|
///
|
|
/// It shows a reaction picker
|
|
///
|
|
/// Usually you don't use this widget as it's one of the default widgets used by [MessageWidget.onMessageActions].
|
|
class ReactionPicker extends StatelessWidget {
|
|
const ReactionPicker({
|
|
Key key,
|
|
@required this.message,
|
|
@required this.messageTheme,
|
|
}) : super(key: key);
|
|
|
|
final Message message;
|
|
final MessageTheme messageTheme;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final reactionIcons = StreamChatTheme.of(context).reactionIcons;
|
|
return Stack(
|
|
fit: StackFit.passthrough,
|
|
children: [
|
|
Material(
|
|
color: messageTheme.ownReactionsBackgroundColor,
|
|
clipBehavior: Clip.hardEdge,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(24),
|
|
),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: reactionIcons.map((reactionIcon) {
|
|
final ownReactionIndex = message.ownReactions?.indexWhere(
|
|
(reaction) => reaction.type == reactionIcon.type) ??
|
|
-1;
|
|
return IconButton(
|
|
iconSize: 24,
|
|
icon: Icon(
|
|
reactionIcon.iconData,
|
|
color: ownReactionIndex != -1
|
|
? StreamChatTheme.of(context).accentColor
|
|
: Theme.of(context).iconTheme.color,
|
|
),
|
|
onPressed: () {
|
|
if (ownReactionIndex != -1) {
|
|
removeReaction(
|
|
context,
|
|
message.ownReactions[ownReactionIndex],
|
|
);
|
|
} else {
|
|
sendReaction(
|
|
context,
|
|
reactionIcon.type,
|
|
);
|
|
}
|
|
},
|
|
);
|
|
}).toList(),
|
|
),
|
|
),
|
|
Positioned(
|
|
right: 14,
|
|
bottom: 0,
|
|
child: CustomPaint(
|
|
painter: ReactionBubblePainter(
|
|
messageTheme.ownReactionsBackgroundColor,
|
|
messageTheme.ownReactionsBorderColor,
|
|
2,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
/// Add a reaction to the message
|
|
void sendReaction(BuildContext context, String reactionType) {
|
|
StreamChannel.of(context).channel.sendReaction(message, reactionType);
|
|
Navigator.of(context).pop();
|
|
}
|
|
|
|
/// Remove a reaction from the message
|
|
void removeReaction(BuildContext context, Reaction reaction) {
|
|
StreamChannel.of(context).channel.deleteReaction(message, reaction);
|
|
Navigator.of(context).pop();
|
|
}
|
|
}
|