如何在屏幕加载时仅调用一次 bloc 事件

How to call bloc event only once when the screen loads

我正在使用 flutter_bloc 库。我的屏幕小部件代码如下所示:

class RegisterScreen extends StatefulWidget {
  RegisterScreen();

  @override
  _RegisterScreenState createState() => _RegisterScreenState();
}

class _RegisterScreenState extends State<RegisterScreen> {
  @override
  Widget build(BuildContext context) {
    return BlocProvider<RegisterBloc>(
      create: (BuildContext context) {
        // RegisterBloc.get(context).add(RegisterGetCitiesEvent());<=== This gives me error `BlocProvider.of() called with a context that does not contain a Cubit of type RegisterBloc. \n No ancestor could be found starting from the context that was passed to BlocProvider.of<RegisterBloc>().`
        return RegisterBloc();
      },
      child: BlocConsumer<RegisterBloc, RegisterState>(
        listener: (BuildContext context, RegisterState state) {},
        builder: (BuildContext context, RegisterState state) {
          // RegisterBloc.get(context).add(RegisterGetCitiesEvent());<=== This line is executed infinite times
          return Scaffold(
            floatingActionButton: FloatingActionButton(
              onPressed: () {
                RegisterBloc.get(context).add(RegisterGetCitiesEvent());
              },
              child: new Icon(Icons.refresh),
            ),
            body: Conteiner(
              child: Text(RegisterBloc.get(context).cities==null?'':RegisterBloc.get(context).cities,)
            ),
          );
        },
      ),
    );
  }
}

bloc 文件是这样的:

class RegisterBloc extends Bloc<RegisterEvent, RegisterState> {
  static RegisterBloc get(BuildContext context) => BlocProvider.of(context);
  RegisterBloc() : super(RegisterInitial());

  String cities = '';

  @override
  Stream<RegisterState> mapEventToState(
    RegisterEvent event,
  ) async* {
    if (event is RegisterGetCitiesEvent) {
      yield* getCities();
    }
  }

  Stream<RegisterGetCitiesState> getCities() async* {
    yield await (CustomerServer.getCities()).then((res) {
      cities = res;
      return RegisterGetCitiesState();
    });
  }
}

在我的代码中,我必须单击 FAB 才能调用 RegisterGetCitiesEvent bloc 事件。如何立即调用该事件 RegisterBloc.get(context).add(RegisterGetCitiesEvent()) 而无需用户单击任何按钮?

我尝试了什么:

我试图在 BlocConsumer 构建器函数中添加该行,但该函数执行了无限次。
我试图在 BlocProvider 创建函数中添加该行,但它给了我一个错误 BlocProvider.of() called with a context that does not contain a Cubit of type RegisterBloc.

我应该把这行 RegisterBloc.get(context).add(RegisterGetCitiesEvent()) 放在哪里,以便在屏幕显示时自动调用 RegisterGetCitiesEvent 事件(无需单击任何按钮)?

我建议您完整阅读 BLoC 文档。但这是对这个问题的快速回答:您应该在 BlocProvider 的创建函数中执行此操作。像这样:

class RegisterScreen extends StatefulWidget {
  RegisterScreen();

  @override
  _RegisterScreenState createState() => _RegisterScreenState();
}

class _RegisterScreenState extends State<RegisterScreen> {
  @override
  Widget build(BuildContext context) {
    return BlocProvider<RegisterBloc>(
      create: (context) => RegisterBloc()..add(RegisterGetCitiesEvent())
    );
  }
}