Flutter web - Bloc не получает события после ошибки Dio 404

У меня возникла проблема с добавлением событий в объект Bloc после получения ответа HTTP 404 с библиотекой Dio.

Я создал простой пример, чтобы показать проблему. Это позволяет пользователю нажимать кнопку. Когда это происходит, событие генерируется и добавляется к объекту блока. Bloc пытается вызвать несуществующий URL, получая ошибку HTTP 404. Теперь DioError правильно отлавливается с помощью try-catch, сообщение об ошибке отображается на экране, однако при запуске в Интернете, когда я пытаюсь выполнить тот же поток снова, объект bloc не получает это событие (вызов BlocProvider.of(context).add(Event()) имеет эффект), метод mapEventToState никогда не вызывается снова для объекта MyBloc, и нет ошибки (кроме неудачного HTTP-запроса, отображаемого в консоли браузера)

Примечание: он отлично работает на Android и iOS, но не в Интернете.

Мои зависимости (из pubspec.yaml)

  bloc: 4.0.0
  flutter_bloc: 4.0.0
  dio: 3.0.9

Код:

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:bloc/bloc.dart';
import 'package:dio/dio.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Dio web error',
        theme: ThemeData(
          primarySwatch: Colors.blue,
          visualDensity: VisualDensity.adaptivePlatformDensity,
        ),
        home: BlocProvider(
          create: (context) => MyBloc(),
          child: MyHomePage(),
        ));
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text("Dio web error"),
        ),
        body: BlocBuilder<MyBloc, MyState>(
            bloc: BlocProvider.of<MyBloc>(context),
            builder: (context, state) {
              return Center(
                  child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Text(
                    state.status,
                    style: Theme.of(context).textTheme.headline4,
                  ),
                  FlatButton(
                    onPressed: () =>
                        BlocProvider.of<MyBloc>(context).add(Event()), // <-- THIS DOESN'T WORK 2ND TIME 
                    child: Text("start"),
                  ),
                ],
              ));
            }));
  }
}

class MyBloc extends Bloc<Event, MyState> {
  @override
  MyState get initialState => MyState("begin");

  @override
  Stream<MyState> mapEventToState(Event event) async* {
    print("handle event");
    try {
      yield MyState("loading...");
      Dio dio = Dio();
      var result = await dio.get("http://does.not.exist/");
      print(result);
      yield MyState("ok");
    } on DioError catch (e) {
      print(e);
      yield MyState("error"); // <-- Error is properly caught and state is generated
    }
  }
}

class Event {}

class MyState {
  final String status;

  MyState(this.status);
}

Моя версия flutter: бета-версия канала, v1.17.0-3.2.pre Android studio 3.6.3

РЕДАКТИРОВАТЬ: Я обнаружил, что это отлично работает при запуске "flutter build web" и обслуживании контента с помощью sth, например python SimpleHTTPServer.

Я могу воспроизвести проблему только при запуске на Chrome из студии Android

0 ответов

Другие вопросы по тегам