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

created giphy sending and sent attachments

Browse Source
This commit is contained in:
Deven Joshi
2020-11-02 18:57:55 +05:30
parent 5488fde66e
commit 8949598e2f
1 changed files with 245 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/src/giphy_attachment.dart
+245 -49
View File
@@ -1,5 +1,7 @@
import 'package:cached_network_image/cached_network_image.dart'; import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:jiffy/jiffy.dart';
import 'package:stream_chat_flutter/src/attachment_actions.dart'; import 'package:stream_chat_flutter/src/attachment_actions.dart';
import '../stream_chat_flutter.dart'; import '../stream_chat_flutter.dart';
@@ -31,63 +33,257 @@ class GiphyAttachment extends StatelessWidget {
); );
} }
return Column( return attachment.actions != null
mainAxisSize: MainAxisSize.min, ? _buildSendingAttachment(context)
crossAxisAlignment: CrossAxisAlignment.stretch, : _buildSentAttachment(context);
children: <Widget>[ }
Stack(
children: <Widget>[ Widget _buildSendingAttachment(context) {
GestureDetector( final streamChannel = StreamChannel.of(context);
onTap: () {
Navigator.push(context, MaterialPageRoute(builder: (_) { return Card(
return FullScreenImage( clipBehavior: Clip.antiAlias,
url: attachment.imageUrl ?? shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8.0)),
attachment.assetUrl ?? child: Column(
attachment.thumbUrl, mainAxisSize: MainAxisSize.min,
); crossAxisAlignment: CrossAxisAlignment.stretch,
})); children: <Widget>[
}, Stack(
child: CachedNetworkImage( children: <Widget>[
height: size?.height, GestureDetector(
width: size?.width, onTap: () {
placeholder: (_, __) { Navigator.push(context, MaterialPageRoute(builder: (_) {
return Container( return FullScreenImage(
width: size?.width, url: attachment.imageUrl ??
height: size?.height, attachment.assetUrl ??
child: Center( attachment.thumbUrl,
child: CircularProgressIndicator(), );
), }));
);
}, },
imageUrl: attachment.thumbUrl ?? child: Padding(
attachment.imageUrl ?? padding: const EdgeInsets.all(8.0),
attachment.assetUrl, child: CachedNetworkImage(
errorWidget: (context, url, error) => AttachmentError( height: size?.height,
attachment: attachment, width: size?.width,
size: size, placeholder: (_, __) {
return Container(
width: size?.width,
height: size?.height,
child: Center(
child: CircularProgressIndicator(),
),
);
},
imageUrl: attachment.thumbUrl ??
attachment.imageUrl ??
attachment.assetUrl,
errorWidget: (context, url, error) => AttachmentError(
attachment: attachment,
size: size,
),
fit: BoxFit.cover,
),
),
),
Positioned(
left: 0,
top: 0,
child: Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.only(
bottomRight: Radius.circular(16.0),
)),
child: Padding(
padding: const EdgeInsets.only(
left: 4.0, right: 4.0, top: 6.0, bottom: 2.0),
child: Row(
children: [
Icon(
StreamIcons.lightning,
color: StreamChatTheme.of(context).accentColor,
size: 15.0,
),
Text(
'GIPHY',
style: TextStyle(
color: StreamChatTheme.of(context).accentColor,
fontWeight: FontWeight.bold,
fontSize: 11.0,
),
),
],
),
),
),
),
],
),
if (attachment.title != null)
Container(
alignment: Alignment.bottomCenter,
child: Material(
color: Colors.white,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Card(
child: IconButton(
icon: Icon(
StreamIcons.left,
size: 18.0,
),
onPressed: () {
streamChannel.channel.sendAction(message, {
'image_action': 'shuffle',
});
},
),
shape: CircleBorder(),
),
Expanded(
child: Text(
'"${attachment.title}"',
style: TextStyle(
fontStyle: FontStyle.italic,
),
),
),
Card(
child: IconButton(
icon: Icon(
StreamIcons.right,
size: 18.0,
),
onPressed: () {
streamChannel.channel.sendAction(message, {
'image_action': 'shuffle',
});
},
),
shape: CircleBorder(),
),
],
), ),
fit: BoxFit.cover,
), ),
), ),
], SizedBox(
), height: 4.0,
if (attachment.title != null) ),
Container( Container(
alignment: Alignment.bottomCenter, color: Colors.black.withOpacity(0.2),
child: Material( width: double.infinity,
color: Colors.white, height: 0.5,
child: AttachmentTitle( ),
messageTheme: messageTheme, Row(
attachment: attachment, mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
FlatButton(
onPressed: () {
streamChannel.channel.sendAction(message, {
'image_action': 'cancel',
});
},
child: Row(
children: [
Text(
'Cancel',
style: TextStyle(
fontWeight: FontWeight.bold,
),
),
],
),
), ),
Container(
width: 0.5,
color: Colors.black.withOpacity(0.2),
height: 50.0,
),
FlatButton(
onPressed: () {
streamChannel.channel.sendAction(message, {
'image_action': 'send',
});
},
child: Row(
children: [
Text(
'Send',
style: TextStyle(
color: StreamChatTheme.of(context).accentColor,
fontWeight: FontWeight.bold),
),
],
),
),
],
),
],
),
);
}
Widget _buildSentAttachment(context) {
return Container(
child: Column(
children: [
CachedNetworkImage(
height: size?.height,
width: size?.width,
placeholder: (_, __) {
return Container(
width: size?.width,
height: size?.height,
child: Center(
child: CircularProgressIndicator(),
),
);
},
imageUrl: attachment.thumbUrl ??
attachment.imageUrl ??
attachment.assetUrl,
errorWidget: (context, url, error) => AttachmentError(
attachment: attachment,
size: size,
), ),
fit: BoxFit.cover,
), ),
if (attachment.actions != null) Padding(
AttachmentActions( padding: const EdgeInsets.symmetric(vertical: 8.0),
attachment: attachment, child: Row(
message: message, children: [
), Row(
], children: [
Icon(
StreamIcons.lightning,
color: StreamChatTheme.of(context).accentColor,
size: 15.0,
),
Text(
'GIPHY',
style: TextStyle(
color: StreamChatTheme.of(context).accentColor,
fontWeight: FontWeight.bold,
fontSize: 11.0,
),
),
],
),
Text(
Jiffy(message.createdAt.toLocal()).format(' HH:mm'),
style: TextStyle(
fontSize: 12.0,
color: Colors.black.withOpacity(0.5),
),
)
],
mainAxisAlignment: MainAxisAlignment.spaceBetween,
),
)
],
),
); );
} }
} }