Зачем FutureProvider строить два раза?
Когда я создаю код, как показано ниже, с использованиемFutureProvider
, часть//here
выполняется два раза, как и следующие;
-
flutter: AsyncLoading<dynamic>()
-
flutter: AsyncData<dynamic>(value: World)
Я не мог понять, почему это происходит, и в основном значения watch() в контексте FutureProvider. На основании документа ,watch()
говорит, что постоянно наблюдает за изменением значения провайдера, и когда это происходит, пользовательский интерфейс может автоматически перестраиваться.
Что означает изменение, особенно в FutureProvider (этоFuture.delayed(const Duration(seconds: 3))
сам показал пример ниже?), и связано ли это с проблемой двукратного выполнения, упомянутой выше?
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
void main() {
runApp(const ProviderScope(child: MyApp()));
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'FutureProvider',
theme: ThemeData(
textTheme: const TextTheme(bodyText2: TextStyle(fontSize: 50)),
),
home: HomePage(),
);
}
}
final futureProvider = FutureProvider<dynamic>((ref) async {
await Future.delayed(const Duration(seconds: 3));
return 'World';
});
class HomePage extends ConsumerWidget {
@override
Widget build(BuildContext context, WidgetRef ref) {
final asyncValue = ref.watch(futureProvider);
print(asyncValue);//here
return Scaffold(
appBar: AppBar(title: const Text('Hello World')),
floatingActionButton: FloatingActionButton(
child: const Icon(Icons.refresh),
onPressed: () {
ref.refresh(futureProvider);
},
),
body: Center(
child: asyncValue.when(
error: (err, _) => Text(err.toString()),
loading: () => const CircularProgressIndicator(),
data: (data) => Text(data.toString()),
),
),
);
}
}