81 lines
2.6 KiB
Dart
81 lines
2.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_svg/flutter_svg.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.channel,
|
|
@required this.messageTheme,
|
|
}) : super(key: key);
|
|
|
|
final Message message;
|
|
final MessageTheme messageTheme;
|
|
final Channel channel;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final reactionAssets = StreamChatTheme.of(context).reactionAssets;
|
|
return 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: reactionAssets.map((reactionAsset) {
|
|
final ownReactionIndex = message.ownReactions?.indexWhere(
|
|
(reaction) => reaction.type == reactionAsset.type) ??
|
|
-1;
|
|
return IconButton(
|
|
iconSize: 24,
|
|
icon: SvgPicture.asset(
|
|
reactionAsset.svgAsset,
|
|
package: reactionAsset.package,
|
|
color: ownReactionIndex != -1
|
|
? StreamChatTheme.of(context).accentColor
|
|
: Theme.of(context).iconTheme.color,
|
|
),
|
|
onPressed: () {
|
|
if (ownReactionIndex != -1) {
|
|
removeReaction(
|
|
context,
|
|
message.ownReactions[ownReactionIndex],
|
|
);
|
|
} else {
|
|
sendReaction(
|
|
context,
|
|
reactionAsset.type,
|
|
);
|
|
}
|
|
},
|
|
);
|
|
}).toList(),
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Add a reaction to the message
|
|
void sendReaction(BuildContext context, String reactionType) {
|
|
channel.sendReaction(message, reactionType);
|
|
Navigator.of(context).pop();
|
|
}
|
|
|
|
/// Remove a reaction from the message
|
|
void removeReaction(BuildContext context, Reaction reaction) {
|
|
channel.deleteReaction(message, reaction);
|
|
Navigator.of(context).pop();
|
|
}
|
|
}
|