Как избавиться от блока при использовании Inherited Widget?
Я сделал простое приложение, используя bloc
а также InheritedWidget
, Ниже приведен код
class Bloc {
final StreamController<bool> _changeColor = PublishSubject<bool>();
Function(bool) get changeColour => _changeColor.sink.add;
Stream<bool> get colour => _changeColor.stream;
void dispose(){
_changeColor.close();
}
}
class Provider extends InheritedWidget {
final bloc = Bloc();
Provider({Key key,Widget child}): super(key: key,child: child);
@override
bool updateShouldNotify(InheritedWidget oldWidget) {
return true;
}
static Bloc of(BuildContext context){
return (context.inheritFromWidgetOfExactType(Provider) as Provider).bloc;
}
void dispose(){
bloc?.dispose();
}
}
class _HomePageState extends State<HomePage> {
var bloc;
@override
void initState() {
super.initState();
bloc = Provider.of(context);
}
@override
Widget build(BuildContext context) {
return Column(
children: <Widget>[
RaisedButton(
onPressed: () {
bloc.changeColour(true);
},
child: Text("Change colour"),
),
StreamBuilder(
builder: (context, snapshot) {
var bool = snapshot?.data ?? false;
return Text(
"First text",
style:
TextStyle(color: bool ? Colors.red : Colors.green),
);
},
stream: bloc?.colour,
),
],
);
}
@override
void dispose() {
super.dispose();
}
}
Я не понимаю, как вызвать метод утилизации блока при использовании InheritedWidget
, Конечно, я могу создать глобальную переменную блока и избежать использования InheritedWidget
избавиться от блока, используя метод dispose, который присутствует в блоке, но я действительно хочу использовать InheritedWidget
,
Использует ли PublishSubject
от rxdart
располагает streamcontroller
автоматически, знает ли это жизненный цикл, я не смог найти ничего связанного с этим в документации. Есть ли процесс отладки, чтобы убедиться, что streamcontroller
правильно утилизируется?
2 ответа
Это невозможно при использовании Inheritedwidget. Виджет создан не для обработки данных, а для обмена ими.
Вы должны обернуть ваш унаследованный виджет в StatefulWidget и использовать его избавление от последнего.
Чтобы добавить к ответу Реми, код будет выглядеть примерно так
import 'package:flutter/material.dart';
abstract class BlocBase {
void dispose();
}
class BlocProvider<T extends BlocBase> extends StatefulWidget {
BlocProvider({
Key key,
@required this.child,
@required this.bloc,
}): super(key: key);
final T bloc;
final Widget child;
@override
_BlocProviderState<T> createState() => _BlocProviderState<T>();
static T of<T extends BlocBase>(BuildContext context){
final type = _typeOf<BlocProvider<T>>();
BlocProvider<T> provider = context.ancestorWidgetOfExactType(type);
return provider.bloc;
}
static Type _typeOf<T>() => T;
}
class _BlocProviderState<T> extends State<BlocProvider<BlocBase>>{
@override
void dispose(){
widget.bloc.dispose();
super.dispose();
}
@override
Widget build(BuildContext context){
return widget.child;
}
}
class Bloc implements BlocBase {
final StreamController<bool> _changeColor = PublishSubject<bool>();
Function(bool) get changeColour => _changeColor.sink.add;
Stream<bool> get colour => _changeColor.stream;
@override
void dispose() {
_changeColor.close();
}
}
class _HomePageState extends State<HomePage> {
Bloc bloc;
var colour = false;
@override
void initState() {
super.initState();
bloc = BlocProvider.of<Bloc>(context);
}
@override
Widget build(BuildContext context) {
return Column(
children: <Widget>[
RaisedButton(
onPressed: () {
if (colour) {
bloc.changeColour(false);
colour = false;
} else {
bloc.changeColour(true);
colour = true;
}
},
child: Text("Change colour"),
),
StreamBuilder(
builder: (context, snapshot) {
var bool = snapshot?.data ?? false;
return Text(
"First text",
style: TextStyle(color: bool ? Colors.red : Colors.green),
);
},
stream: bloc?.colour,
),
],
);
}
@override
void dispose() {
print("Bloc is disposed");
bloc.dispose();
super.dispose();
}
}