feat(ui): Update slidable to 1.2.0

Signed-off-by: xsahil03x <[email protected]>
This commit is contained in:
Sahil Kumar
2022-03-21 16:57:40 +05:30
committed by xsahil03x
parent 35dec5bb18
commit f907450f1c
2 changed files with 86 additions and 82 deletions
@@ -207,8 +207,6 @@ class ChannelListView extends StatefulWidget {
} }
class _ChannelListViewState extends State<ChannelListView> { class _ChannelListViewState extends State<ChannelListView> {
final _slideController = SlidableController();
late final _defaultController = ChannelListController(); late final _defaultController = ChannelListController();
ChannelListController get _channelListController => ChannelListController get _channelListController =>
@@ -270,7 +268,8 @@ class _ChannelListViewState extends State<ChannelListView> {
_gridItemBuilder(context, index, channels), _gridItemBuilder(context, index, channels),
); );
} }
return ListView.separated( return SlidableAutoCloseBehavior(
child: ListView.separated(
padding: widget.padding, padding: widget.padding,
physics: const AlwaysScrollableScrollPhysics(), physics: const AlwaysScrollableScrollPhysics(),
// all channels + progress loader // all channels + progress loader
@@ -283,6 +282,7 @@ class _ChannelListViewState extends State<ChannelListView> {
}, },
itemBuilder: (context, index) => itemBuilder: (context, index) =>
_listItemBuilder(context, index, channels), _listItemBuilder(context, index, channels),
),
); );
} }
@@ -510,32 +510,34 @@ class _ChannelListViewState extends State<ChannelListView> {
final backgroundColor = chatThemeData.colorTheme.inputBg; final backgroundColor = chatThemeData.colorTheme.inputBg;
final channel = channels[i]; final channel = channels[i];
final canDeleteChannel =
channel.ownCapabilities.contains(PermissionType.deleteChannel);
return StreamChannel( return StreamChannel(
key: ValueKey<String>('CHANNEL-${channel.cid}'), key: ValueKey<String>('CHANNEL-${channel.cid}'),
channel: channel, channel: channel,
child: Slidable( child: Slidable(
controller: _slideController,
enabled: widget.swipeToAction, enabled: widget.swipeToAction,
actionPane: const SlidableBehindActionPane(), endActionPane: ActionPane(
actionExtentRatio: 0.12, extentRatio: canDeleteChannel ? 0.4 : 0.2,
secondaryActions: widget.swipeActions motion: const BehindMotion(),
?.map((e) => IconSlideAction( children: widget.swipeActions
color: e.color, ?.map((e) => CustomSlidableAction(
iconWidget: e.iconWidget, backgroundColor: e.color ?? Colors.white,
onTap: () { child: e.iconWidget,
onPressed: (_) {
e.onTap?.call(channel); e.onTap?.call(channel);
}, },
)) ))
.toList() ?? .toList() ??
<Widget>[ <Widget>[
IconSlideAction( CustomSlidableAction(
color: backgroundColor, backgroundColor: backgroundColor,
icon: Icons.more_horiz, onPressed: widget.onMoreDetailsPressed != null
onTap: widget.onMoreDetailsPressed != null ? (_) {
? () {
widget.onMoreDetailsPressed!(channel); widget.onMoreDetailsPressed!(channel);
} }
: () { : (_) {
showModalBottomSheet( showModalBottomSheet(
clipBehavior: Clip.hardEdge, clipBehavior: Clip.hardEdge,
shape: const RoundedRectangleBorder( shape: const RoundedRectangleBorder(
@@ -556,24 +558,22 @@ class _ChannelListViewState extends State<ChannelListView> {
), ),
); );
}, },
child: const Icon(Icons.more_horiz),
), ),
if (channel.ownCapabilities if (canDeleteChannel)
.contains(PermissionType.deleteChannel)) CustomSlidableAction(
IconSlideAction( backgroundColor: backgroundColor,
color: backgroundColor, onPressed: widget.onDeletePressed != null
iconWidget: StreamSvgIcon.delete( ? (_) {
color: chatThemeData.colorTheme.accentError,
),
onTap: widget.onDeletePressed != null
? () {
widget.onDeletePressed?.call(channel); widget.onDeletePressed?.call(channel);
} }
: () async { : (_) async {
final res = await showConfirmationDialog( final res = await showConfirmationDialog(
context, context,
title: context.translations.deleteConversationLabel, title:
question: context.translations.deleteConversationLabel,
context.translations.deleteConversationQuestion, question: context
.translations.deleteConversationQuestion,
okText: context.translations.deleteLabel, okText: context.translations.deleteLabel,
cancelText: context.translations.cancelLabel, cancelText: context.translations.cancelLabel,
icon: StreamSvgIcon.delete( icon: StreamSvgIcon.delete(
@@ -584,8 +584,12 @@ class _ChannelListViewState extends State<ChannelListView> {
await channel.delete(); await channel.delete();
} }
}, },
child: StreamSvgIcon.delete(
color: chatThemeData.colorTheme.accentError,
),
), ),
], ],
),
child: widget.channelPreviewBuilder?.call(context, channel) ?? child: widget.channelPreviewBuilder?.call(context, channel) ??
DecoratedBox( DecoratedBox(
decoration: BoxDecoration( decoration: BoxDecoration(
+1 -1
View File
@@ -22,7 +22,7 @@ dependencies:
sdk: flutter sdk: flutter
flutter_markdown: ^0.6.1 flutter_markdown: ^0.6.1
flutter_portal: ^0.4.0 flutter_portal: ^0.4.0
flutter_slidable: ^0.6.0 flutter_slidable: ^1.2.0
flutter_svg: ^1.0.1 flutter_svg: ^1.0.1
http_parser: ^4.0.0 http_parser: ^4.0.0
image_gallery_saver: ^1.7.0 image_gallery_saver: ^1.7.0