1

在之前使用 Dio 库遇到 HTTP 404 响应后，我遇到了向 Bloc 对象添加事件的问题。

我创建了简单的示例来说明问题。它允许用户单击按钮。当它发生时，会生成事件并将其添加到 bloc 对象中。Bloc 尝试调用一些不存在的 URL，得到 HTTP 404 错误。现在，DioError 被 try-catch 正确捕获，错误消息显示在屏幕上，但是，当在 web 上运行时，当我再次尝试执行相同的流程时， bloc 对象没有收到此事件（调用 BlocProvider. of(context).add(Event()) 生效），不再在 MyBloc 对象上调用 mapEventToState 方法并且没有错误（除了浏览器控制台中显示的 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版本：Channel beta，v1.17.0-3.2.pre Android studio 3.6.3

编辑：我发现这在运行“flutter build web”并使用诸如 python SimpleHTTPServer 之类的内容提供内容时效果很好。

我只能在从 android studio 在 chrome 上运行时重现问题

4

0 回答 0