Я пытаюсь использовать библиотеку BloC с тестовым приложением Counter, но у меня возникает небольшая проблема, когда я использую объект для увеличения / уменьшения счетчика. MyObject.MyProperty увеличивается или уменьшается, но мое представление не обновляется. Почему?
Образец приложения с простой переменной int.
Мой код с объектом:
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:bloc/bloc.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
void main() {
runApp(App());
}
class App extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
home: BlocProvider(
builder: (context) => CounterBloc(),
child: CounterPage(),
),
);
}
}
class TestTest{
int myProperty;
TestTest(){
myProperty = 0;
}
}
class CounterPage extends StatefulWidget {
@override
_CounterPageState createState() => _CounterPageState();
}
class _CounterPageState extends State<CounterPage> {
@override
Widget build(BuildContext context) {
final counterBloc = BlocProvider.of<CounterBloc>(context);
return Scaffold(
appBar: AppBar(title: Text('Counter')),
body: BlocBuilder<CounterBloc, TestTest>(
builder: (context, myClassTestTest) {
return Center(
child: Text(
'${myClassTestTest.myProperty}',
style: TextStyle(fontSize: 24.0),
),
);
},
),
floatingActionButton: Column(
crossAxisAlignment: CrossAxisAlignment.end,
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
Padding(
padding: EdgeInsets.symmetric(vertical: 5.0),
child: FloatingActionButton(
child: Icon(Icons.add),
onPressed: () {
counterBloc.dispatch(CounterEvent.increment);
},
),
),
Padding(
padding: EdgeInsets.symmetric(vertical: 5.0),
child: FloatingActionButton(
child: Icon(Icons.remove),
onPressed: () {
counterBloc.dispatch(CounterEvent.decrement);
},
),
),
],
),
);
}
}
enum CounterEvent { increment, decrement }
class CounterBloc extends Bloc<CounterEvent, TestTest> {
@override
TestTest get initialState => TestTest();
@override
Stream<TestTest> mapEventToState(CounterEvent event) async* {
switch (event) {
case CounterEvent.decrement:
currentState.myProperty -= 1;
yield currentState;
break;
case CounterEvent.increment:
currentState.myProperty += 1;
yield currentState;
break;
}
}
}
Как видите, я немного отредактировал пример приложения, просто чтобы добавить свой класс TestTest
со свойством int myProperty
. Когда я нажимаю кнопку, значение в моем объекте изменяется, но мое представление не обновляется.
Как я могу это исправить?
Я нашел решение воссоздать свой TestTest в mapEventToState
, но странно воссоздавать весь объект только для обновления свойства ...
Спасибо