Invalidate getMyRandomProvider then create new MyRandom from getMyRandomProvider. It is simple, it can work with a thread to update random values, and widgets rebuild when a new data is provided.
42 lines
1.1 KiB
Dart
42 lines
1.1 KiB
Dart
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:riverpod_flutter_tuts/outerapi/auth/call/getRandomData.dart';
|
|
|
|
import '../../outerapi/auth/model/my_random.dart';
|
|
|
|
|
|
/// The homepage of our application
|
|
class RandomWidget extends StatelessWidget {
|
|
const RandomWidget({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Consumer(
|
|
builder: (context, ref, child) {
|
|
|
|
final AsyncValue<MyRandom> myRandom = ref.watch(getMyRandomProvider);
|
|
|
|
return Row( children: <Widget>[
|
|
Center(
|
|
child: switch (myRandom) {
|
|
AsyncData(:final MyRandom value ) => Text(
|
|
'myRandom: $value'
|
|
),
|
|
AsyncError() => const Text('Oops, something unexpected happened'),
|
|
_ => const CircularProgressIndicator(),
|
|
|
|
},
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
ref.invalidate(getMyRandomProvider);
|
|
},
|
|
child: Text("Refresh ME"),
|
|
),
|
|
]
|
|
);
|
|
},
|
|
);
|
|
}
|
|
} |