flutter/riverpod
1
0
Fork 0
mirror of https://github.com/rrousselGit/riverpod.git synced 2025-08-15 10:11:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

Upgrade dependencies and split home.dart

Browse Source
This commit is contained in:
Remi Rousselet
2022-07-31 13:03:55 +02:00
parent 0359ecf090
commit a2a6f8e5ba
7 changed files with 267 additions and 246 deletions
Download Patch File Download Diff File Expand all files Collapse all files

181
examples/stackoverflow/lib/home.dart
View File

@ -1,120 +1,9 @@
// ignore: import_of_legacy_library_into_null_safe
import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
import 'package:freezed_annotation/freezed_annotation.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
// ignore: import_of_legacy_library_into_null_safe
import 'package:html/parser.dart';
import 'common.dart';
part 'home.freezed.dart';
part 'home.g.dart';
@freezed
abstract class QuestionsResponse with _$QuestionsResponse {
factory QuestionsResponse({
required List<Question> items,
required int total,
}) = _QuestionsResponse;
factory QuestionsResponse.fromJson(Map<String, Object?> json) =>
_$QuestionsResponseFromJson(json);
}
@freezed
abstract class Question with _$Question {
@JsonSerializable(fieldRename: FieldRename.snake)
factory Question({
required List<String> tags,
required int viewCount,
required int score,
int? bountyAmount,
int? acceptedAnswerId,
required Owner owner,
required int answerCount,
@TimestampParser() required DateTime creationDate,
required int questionId,
required String link,
required String title,
required String body,
}) = _Question;
factory Question.fromJson(Map<String, Object?> json) =>
_$QuestionFromJson(json);
}
final client = Provider((ref) => Dio());
final _fetchedPages = StateProvider((ref) => <int>[]);
final paginatedQuestionsProvider = FutureProvider.autoDispose
.family<QuestionsResponse, int>((ref, pageIndex) async {
final fetchedPages = ref.watch(_fetchedPages.state).state;
fetchedPages.add(pageIndex);
ref.onDispose(() => fetchedPages.remove(pageIndex));
final cancelToken = CancelToken();
ref.onDispose(cancelToken.cancel);
final uri = Uri(
scheme: 'https',
host: 'api.stackexchange.com',
path: '/2.2/questions',
queryParameters: <String, Object>{
'order': 'desc',
'sort': 'creation',
'site': 'stackoverflow',
'filter': '!17vW1m9jnXcpKOO(p4a5Jj.QeqRQmvxcbquXIXJ1fJcKq4',
'tagged': 'flutter',
'pagesize': '50',
'page': '${pageIndex + 1}',
},
);
final response = await ref
.watch(client)
.getUri<Map<String, Object?>>(uri, cancelToken: cancelToken);
final parsed = QuestionsResponse.fromJson(response.data!);
final page = parsed.copyWith(
items: parsed.items.map((e) {
final document = parse(e.body);
return e.copyWith(body: document.body!.text.replaceAll('\n', ' '));
}).toList(),
);
ref.keepAlive();
return page;
});
final questionsCountProvider = Provider.autoDispose((ref) {
return ref
.watch(paginatedQuestionsProvider(0))
.whenData((page) => page.total);
});
@freezed
abstract class QuestionTheme with _$QuestionTheme {
const factory QuestionTheme({
required TextStyle titleStyle,
required TextStyle descriptionStyle,
}) = _QuestionTheme;
}
final questionThemeProvider = Provider<QuestionTheme>((ref) {
return const QuestionTheme(
titleStyle: TextStyle(
color: Color(0xFF3ca4ff),
fontSize: 16,
),
descriptionStyle: TextStyle(
color: Color(0xFFe7e8eb),
fontSize: 13,
),
);
});
import 'question.dart';
class MyHomePage extends HookConsumerWidget {
const MyHomePage({Key? key}) : super(key: key);
@ -174,71 +63,3 @@ class MyHomePage extends HookConsumerWidget {
);
}
}
final currentQuestion = Provider<AsyncValue<Question>>((ref) {
throw UnimplementedError();
});
class QuestionItem extends HookConsumerWidget {
const QuestionItem({Key? key}) : super(key: key);
@override
Widget build(BuildContext context, WidgetRef ref) {
final question = ref.watch(currentQuestion);
final questionTheme = ref.watch(questionThemeProvider);
if (question is AsyncLoading) {
return const Center(child: Text('loading'));
}
final data = question.value!;
return ListTile(
title: Text(
data.title,
style: questionTheme.titleStyle,
),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(height: 5),
Text(
data.body,
maxLines: 3,
overflow: TextOverflow.ellipsis,
),
const SizedBox(height: 12),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Wrap(
spacing: 5,
runSpacing: 5,
children: [
for (final tag in data.tags) Tag(tag: tag),
],
),
const SizedBox(height: 6),
Row(
children: [
Expanded(
child: PostInfo(
owner: data.owner,
creationDate: data.creationDate,
),
),
UpvoteCount(data.score),
const SizedBox(width: 10),
AnswersCount(
data.answerCount,
accepted: data.acceptedAnswerId != null,
),
],
),
],
),
],
),
);
}
}