/
main.dart
164 lines (140 loc) · 4.07 KB
/
main.dart
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
// ignore_for_file: lines_longer_than_80_chars
// Flutter imports:
import 'package:flutter/material.dart';
// Package imports:
import 'package:tbloc/tbloc.dart';
// Project imports:
import 'counter.bloc.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return const MaterialApp(home: MyHomePage(), title: 'tBloc Demo');
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key});
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
final bloc = CounterBloc();
@override
void initState() {
super.initState();
bloc.addEvent(const CounterBlocEvent.init());
}
@override
// ignore: long-method
Widget build(BuildContext context) {
return Scaffold(
body: BlocProvider(
bloc: bloc,
child: Center(
child: BlocBuilderWidget<CounterBlocState>(
bloc: bloc,
onlyWhenInitializing: true,
builder: (context, state) {
debugPrint(
'_MyHomePageState: is building only if isInitializing or isInitialized have changed',
);
debugPrint('StatusWidget:isInitialized: ${state.isInitialized}');
debugPrint(
'StatusWidget:isInitializing: ${state.isInitializing}',
);
if (state.isInitialized) {
return buildContent();
}
return const SizedBox.shrink();
},
),
),
),
);
}
Widget buildContent() {
return Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
buildActions(),
const Spacer(),
const Text('You have pushed the button this many times:'),
const Spacer(),
const CounterWidget(),
const Spacer(),
const StatusWidget(),
],
);
}
Widget buildActions() {
return Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
ElevatedButton(
child: const Text('INCREMENT'),
onPressed: () {
bloc.addEvent(const CounterBlocEvent.increment());
},
),
ElevatedButton(
child: const Text('DECREMENT'),
onPressed: () {
bloc.addEvent(const CounterBlocEvent.decrement());
},
),
ElevatedButton(
child: const Text('RESET'),
onPressed: () {
bloc.addEvent(const CounterBlocEvent.reset());
},
),
ElevatedButton(
child: const Text('ERROR'),
onPressed: () => bloc.addEvent(const CounterBlocEvent.error()),
),
],
);
}
}
class StatusWidget extends StatelessWidget {
const StatusWidget({super.key});
@override
Widget build(BuildContext context) {
final bloc = BlocProvider.of<CounterBloc>(context);
return BlocBuilderWidget(
bloc: bloc,
forceBuildWhenInializating: false,
// forceBuildWhenBusy: false,
buildWhen: (previous, next) {
return previous.hasError != next.hasError;
},
builder: (BuildContext context, CounterBlocState state) {
debugPrint(
'StatusWidget: is building only if hasError or isBusy haved changed',
);
debugPrint('StatusWidget:hasError: ${state.hasError}');
debugPrint('StatusWidget:isBusy: ${state.isBusy}');
return Text(
state.hasError ? state.error.toString() : 'No Error',
);
},
);
}
}
class CounterWidget extends StatelessWidget {
const CounterWidget({super.key});
@override
Widget build(BuildContext context) {
final bloc = BlocProvider.of<CounterBloc>(context);
return BlocBuilderWidget(
bloc: bloc,
builder: (BuildContext context, CounterBlocState state) {
return Text(
state.hasError ? state.error.toString() : '${state.counter}',
style: Theme.of(context).textTheme.headlineMedium,
);
},
);
}
}