81 lines
2.6 KiB
Dart
81 lines
2.6 KiB
Dart
import 'dart:math';
|
|
|
|
import 'package:fl_query/fl_query.dart';
|
|
import 'package:fl_query_hooks/fl_query_hooks.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
|
|
final successHookJob = QueryJob<String, void>(
|
|
queryKey: "greetings-hook-example",
|
|
task: (queryKey, _) => Future.delayed(
|
|
const Duration(seconds: 2),
|
|
() =>
|
|
"The work successfully executed. Data: key=($queryKey) value=${Random.secure().nextInt(100)}",
|
|
),
|
|
);
|
|
|
|
final canFailHookJob = QueryJob<String, void>(
|
|
queryKey: "failure-hook-example",
|
|
task: (queryKey, _) => Random().nextBool()
|
|
? Future.error("$queryKey operation failed for unknown reason")
|
|
: Future.value(
|
|
"Successful execution. Result: $queryKey=${Random().nextInt(100)}",
|
|
),
|
|
);
|
|
|
|
class BasicHookQueryExample extends HookWidget {
|
|
const BasicHookQueryExample({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final successQuery = useQuery(job: successHookJob, externalData: null);
|
|
final canFailQuery = useQuery(job: canFailHookJob, externalData: null);
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"# Basic Query Hook Example",
|
|
style: Theme.of(context).textTheme.headline5,
|
|
),
|
|
!successQuery.hasData ||
|
|
successQuery.isLoading ||
|
|
successQuery.isRefetching
|
|
? const CircularProgressIndicator()
|
|
: Row(
|
|
children: [
|
|
Text(successQuery.data!),
|
|
ElevatedButton(
|
|
child: const Text("Refetch"),
|
|
onPressed: () async {
|
|
await successQuery.refetch();
|
|
},
|
|
),
|
|
],
|
|
),
|
|
!canFailQuery.hasData ||
|
|
canFailQuery.isLoading ||
|
|
canFailQuery.isRefetching
|
|
? const CircularProgressIndicator()
|
|
: Row(
|
|
children: [
|
|
if (canFailQuery.hasError)
|
|
Text(
|
|
"${canFailQuery.error}. Retrying: ${canFailQuery.retryAttempts}",
|
|
),
|
|
if (canFailQuery.hasData)
|
|
Text(
|
|
"Success after ${canFailQuery.retryAttempts}\nData: ${canFailQuery.data}",
|
|
),
|
|
ElevatedButton(
|
|
child: const Text("Refetch"),
|
|
onPressed: () async {
|
|
await canFailQuery.refetch();
|
|
},
|
|
),
|
|
],
|
|
)
|
|
],
|
|
);
|
|
}
|
|
}
|