Флаттер: необработанное Исключение: плохое состояние: невозможно добавить новые события после вызова close (NOT SAME CASE) - PullRequest
0 голосов
/ 15 июня 2019

Я пытаюсь использовать шаблон BLoC для управления данными из API и отображения их в моем виджете.Я могу извлечь данные из API, обработать их и показать, но я использую нижнюю панель навигации, и когда я меняю вкладку и перехожу на предыдущую вкладку, она возвращает эту ошибку:

НеобработанныйИсключение: Плохое состояние: невозможно добавить новые события после вызова close.

Я знаю, что это потому, что я закрываю поток, а затем пытаюсь добавить его, но я не знаю, как это исправить, потому чтоне избавление от темы публикации приведет к утечке памяти.

Я знаю, может быть, этот вопрос почти такой же, как этот вопрос .

Но я реализовал его, и он не работает в моем случае, поэтому я задаю вопросыс другим кодом и надеюсь, что кто-то может помочь мне в решении моего дела.Я надеюсь, вы понимаете, спасибо.

Вот мой код BLoC:

import '../resources/repository.dart';
import 'package:rxdart/rxdart.dart';
import '../models/meals_list.dart';

class MealsBloc {
  final _repository = Repository();
  final _mealsFetcher = PublishSubject<MealsList>();

  Observable<MealsList> get allMeals => _mealsFetcher.stream;

  fetchAllMeals(String mealsType) async {
    MealsList mealsList = await _repository.fetchAllMeals(mealsType);
    _mealsFetcher.sink.add(mealsList);
  }

  dispose() {
    _mealsFetcher.close();
  }
}

final bloc = MealsBloc();

Вот мой код пользовательского интерфейса:

import 'package:flutter/material.dart';
import '../models/meals_list.dart';
import '../blocs/meals_list_bloc.dart';
import '../hero/hero_animation.dart';
import 'package:dicoding_submission/src/app.dart';
import 'detail_screen.dart';


class DesertScreen extends StatefulWidget {
  @override
  DesertState createState() => new DesertState();
}

class DesertState extends State<DesertScreen> {

  @override
  void initState() {
    super.initState();
    bloc.fetchAllMeals('Dessert');
  }

  @override
  void dispose() {
    bloc.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: getListDesert()
    );
  }

  getListDesert() {
    return Container(
      color: Color.fromRGBO(58, 66, 86, 1.0),
      child: Center(
        child: StreamBuilder(
          stream: bloc.allMeals,
          builder: (context, AsyncSnapshot<MealsList> snapshot) {
            if (snapshot.hasData) {
              return _showListDessert(snapshot);
            } else if (snapshot.hasError) {
              return Text(snapshot.error.toString());
            }
            return Center(child: CircularProgressIndicator(
                valueColor: AlwaysStoppedAnimation<Color>(Colors.white)
            ));
          },
        ),
      ),
    );
  }

  Widget _showListDessert(AsyncSnapshot<MealsList> snapshot) => GridView.builder(
    itemCount: snapshot == null ? 0 : snapshot.data.meals.length,
    gridDelegate:
    SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2),
    itemBuilder: (BuildContext context, int index) {
      return GestureDetector(
        child: Card(
          elevation: 2.0,
          shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.all(Radius.circular(5))),
          margin: EdgeInsets.all(10),
          child: GridTile(
            child: PhotoHero(
              tag: snapshot.data.meals[index].strMeal,
              onTap: () {
                showSnackBar(context, snapshot.data.meals[index].strMeal);
                Navigator.push(
                    context,
                    PageRouteBuilder(
                      transitionDuration: Duration(milliseconds: 777),
                      pageBuilder: (BuildContext context, Animation<double> animation,
                          Animation<double> secondaryAnimation) =>
                          DetailScreen(
                              idMeal: snapshot.data.meals[index].idMeal),
                    ));
              },
              photo: snapshot.data.meals[index].strMealThumb,
            ),
            footer: Container(
              color: Colors.white70,
              padding: EdgeInsets.all(5.0),
              child: Text(
                snapshot.data.meals[index].strMeal,
                textAlign: TextAlign.center,
                overflow: TextOverflow.ellipsis,
                style: TextStyle(
                    fontWeight: FontWeight.bold, color: Colors.deepOrange),
              ),
            ),
          ),
        ),
      );
    },
  );

}

Если вам нужен полный исходный кодРепо с веткой submission-3

Ответы [ 3 ]

0 голосов
/ 15 июня 2019

Почему вы создаете экземпляр своего блока в классе блока?

Вы должны добавить свой экземпляр блока где-нибудь в дереве виджетов, используя InheritedWidget с некоторой логикой провайдера.Затем в ваших виджетах вниз по дереву вы бы взяли этот экземпляр и получили доступ к его потокам.Вот почему весь этот процесс называется «поднятием состояния».

Таким образом, ваш блок всегда будет жив, когда вам это нужно, и утилизация все равно будет вызываться когда-нибудь.

Поставщик блока, например:

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
  State<StatefulWidget> createState() => _BlocProviderState<T>();

  static T of<T extends BlocBase>(BuildContext context) {
    final type = _typeOf<_BlocProviderInherited<T>>();
    _BlocProviderInherited<T> provider = context
        .ancestorInheritedElementForWidgetOfExactType(type)
        ?.widget;
    return provider?.bloc;
  }

  static Type _typeOf<T>() => T;
}

class _BlocProviderState<T extends BlocBase> extends State<BlocProvider<T>> {
  @override
  Widget build(BuildContext context) {
    return new _BlocProviderInherited(
      child: widget.child,
      bloc: widget.bloc
    );
  }

  @override
  void dispose() {
    widget.bloc?.dispose();
    super.dispose();
  }
}

class _BlocProviderInherited<T> extends InheritedWidget {
  _BlocProviderInherited({
    Key key,
    @required Widget child,
    @required this.bloc
  }) : super(key: key, child: child);

  final T bloc;

  @override
  bool updateShouldNotify(InheritedWidget oldWidget) => false;
}

Используется комбинация InheritedWidget (легко доступна в дереве виджетов) и StatefulWidget (так что она может быть одноразовой).

Теперь вы должны добавить провайдера какого-либо блока где-нибудь в ваше дерево виджетов, это ваше дело, мне лично нравится добавлять его между маршрутами моих экранов.

В маршруте моего MaterialApp widget:

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'MyApp',
      onGenerateRoute: _routes,
    );
  }

  Route _routes(RouteSettings settings) {
    if (settings.isInitialRoute)
      return MaterialPageRoute(
          builder: (context) {
            final mealsbloc = MealsBloc();
            mealsbloc.fetchAllMeals('Dessert');

            final homePage = DesertScreen();
            return BlocProvider<DesertScreen>(
              bloc: mealsbloc,
              child: homePage,
            );
          }
      );
  }
}

С помощью маршрутов блок был создан «выше» нашего homePage.Здесь я могу вызывать любые методы инициализации в блоке, которые я хочу, например, .fetchAllMeals('Dessert'), без необходимости использовать StatefulWidget и вызывать его на initState.

Теперь, очевидно, чтобы это работало, ваши блоки должныреализует BlocBase класс

class MealsBloc implements BlocBase {
  final _repository = Repository();
  final _mealsFetcher = PublishSubject<MealsList>();

  Observable<MealsList> get allMeals => _mealsFetcher.stream;

  fetchAllMeals(String mealsType) async {
    MealsList mealsList = await _repository.fetchAllMeals(mealsType);
    _mealsFetcher.sink.add(mealsList);
  }

  @override
  dispose() {
    _mealsFetcher.close();
  }
}

Обратите внимание на переопределение на dispose(), теперь ваши блоки будут располагаться самостоятельно, просто убедитесь, что все закрыто в этом методе.

Aпростой проект с таким подходом здесь.

Чтобы завершить это, в методе сборки вашего DesertScreen виджета, получите доступный экземпляр блока, подобный следующему:

var bloc = BlocProvider.of<MealsBloc>(context);

Простой проектиспользуя этот подход здесь .

0 голосов
/ 21 июня 2019

Для ответов, которые решают мою проблему, вы можете перейти по следующей ссылке: This

Надеюсь, вам понравится !!

0 голосов
/ 15 июня 2019

bloc.dispose(); это проблема.

Поскольку блок инициализируется вне кода вашего пользовательского интерфейса, избавляться от них не нужно.

...