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

add pullToRefresh property to ChannelListView

Browse Source
This commit is contained in:
Salvatore Giordano
2020-08-25 11:07:29 +02:00
parent b8757e0e4c
commit 1e8fbd2854
1 changed files with 95 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/src/channel_list_view.dart
+95 -81
View File
@@ -60,6 +60,7 @@ class ChannelListView extends StatefulWidget {
this.channelPreviewBuilder, this.channelPreviewBuilder,
this.errorBuilder, this.errorBuilder,
this.onImageTap, this.onImageTap,
this.pullToRefresh = true,
}) : super(key: key); }) : super(key: key);
/// The builder that will be used in case of error /// The builder that will be used in case of error
@@ -105,6 +106,9 @@ class ChannelListView extends StatefulWidget {
/// The function called when the image is tapped /// The function called when the image is tapped
final Function(Channel) onImageTap; final Function(Channel) onImageTap;
/// Set it to false to disable the pull-to-refresh widget
final bool pullToRefresh;
@override @override
_ChannelListViewState createState() => _ChannelListViewState(); _ChannelListViewState createState() => _ChannelListViewState();
} }
@@ -115,105 +119,115 @@ class _ChannelListViewState extends State<ChannelListView>
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final channelsProvider = ChannelsBloc.of(context); final channelsBloc = ChannelsBloc.of(context);
if (!widget.pullToRefresh) {
return _buildListView(channelsBloc);
}
return RefreshIndicator( return RefreshIndicator(
onRefresh: () async { onRefresh: () async {
return channelsProvider.queryChannels( return channelsBloc.queryChannels(
filter: widget.filter, filter: widget.filter,
sortOptions: widget.sort, sortOptions: widget.sort,
paginationParams: widget.pagination, paginationParams: widget.pagination,
options: widget.options, options: widget.options,
); );
}, },
child: StreamBuilder<List<Channel>>( child: _buildListView(channelsBloc),
stream: channelsProvider.channelsStream, );
builder: (context, snapshot) { }
if (snapshot.hasError) {
if (snapshot.error is Error) {
print((snapshot.error as Error).stackTrace);
}
if (widget.errorBuilder != null) { StreamBuilder<List<Channel>> _buildListView(
return widget.errorBuilder(snapshot.error); ChannelsBlocState channelsBlocState,
} ) {
return StreamBuilder<List<Channel>>(
stream: channelsBlocState.channelsStream,
builder: (context, snapshot) {
if (snapshot.hasError) {
if (snapshot.error is Error) {
print((snapshot.error as Error).stackTrace);
}
var message = snapshot.error.toString(); if (widget.errorBuilder != null) {
if (snapshot.error is DioError) { return widget.errorBuilder(snapshot.error);
final dioError = snapshot.error as DioError; }
if (dioError.type == DioErrorType.RESPONSE) {
message = dioError.message; var message = snapshot.error.toString();
} else { if (snapshot.error is DioError) {
message = 'Check your connection and retry'; final dioError = snapshot.error as DioError;
} if (dioError.type == DioErrorType.RESPONSE) {
message = dioError.message;
} else {
message = 'Check your connection and retry';
} }
return Center( }
child: Column( return Center(
mainAxisAlignment: MainAxisAlignment.center, child: Column(
children: <Widget>[ mainAxisAlignment: MainAxisAlignment.center,
Text.rich( children: <Widget>[
TextSpan( Text.rich(
children: [ TextSpan(
WidgetSpan( children: [
child: Padding( WidgetSpan(
padding: const EdgeInsets.only( child: Padding(
right: 2.0, padding: const EdgeInsets.only(
), right: 2.0,
child: Icon(Icons.error_outline),
), ),
child: Icon(Icons.error_outline),
), ),
TextSpan(text: 'Error loading channels'), ),
], TextSpan(text: 'Error loading channels'),
), ],
style: Theme.of(context).textTheme.headline6,
), ),
Padding( style: Theme.of(context).textTheme.headline6,
padding: const EdgeInsets.only( ),
top: 16.0, Padding(
), padding: const EdgeInsets.only(
child: Text(message), top: 16.0,
), ),
FlatButton( child: Text(message),
onPressed: () { ),
channelsProvider.queryChannels( FlatButton(
filter: widget.filter, onPressed: () {
sortOptions: widget.sort, channelsBlocState.queryChannels(
paginationParams: widget.pagination, filter: widget.filter,
options: widget.options, sortOptions: widget.sort,
); paginationParams: widget.pagination,
}, options: widget.options,
child: Text('Retry'), );
), },
], child: Text('Retry'),
), ),
); ],
}
if (!snapshot.hasData) {
return Center(
child: CircularProgressIndicator(),
);
}
final channels = snapshot.data;
return ListView.custom(
physics: AlwaysScrollableScrollPhysics(),
controller: _scrollController,
childrenDelegate: SliverChildBuilderDelegate(
(context, i) {
return _itemBuilder(context, i, channels);
},
childCount: (channels.length * 2) + 1,
findChildIndexCallback: (key) {
final ValueKey<String> valueKey = key;
final index = channels.indexWhere(
(channel) => 'CHANNEL-${channel.id}' == valueKey.value);
return index != -1 ? (index * 2) : null;
},
), ),
); );
}), }
);
if (!snapshot.hasData) {
return Center(
child: CircularProgressIndicator(),
);
}
final channels = snapshot.data;
return ListView.custom(
physics: AlwaysScrollableScrollPhysics(),
controller: _scrollController,
childrenDelegate: SliverChildBuilderDelegate(
(context, i) {
return _itemBuilder(context, i, channels);
},
childCount: (channels.length * 2) + 1,
findChildIndexCallback: (key) {
final ValueKey<String> valueKey = key;
final index = channels.indexWhere(
(channel) => 'CHANNEL-${channel.id}' == valueKey.value);
return index != -1 ? (index * 2) : null;
},
),
);
});
} }
Widget _itemBuilder(context, int i, List<Channel> channels) { Widget _itemBuilder(context, int i, List<Channel> channels) {