Flutter - 如何在可重用的小部件中将 Bloc 作为参数传递？

Question

我正在构建一个登录页面，并且我已经创建了我打算用作完全动态的 TextField 小部件的内容。

我现在需要创建该小部件的 2 个实例（电子邮件和密码输入）并发送hintText、errorText 的参数，然后是我的 LoginBloc 和验证方法，这对于每个输入来说当然是不同的。

我的问题是 Dart 不允许我使用我的小部件接收的 bloc 作为类型，因此代码不起作用。

我能做些什么来解决这个问题？ 还是我完全做错了，有没有更好的方法？

登录页面：

@override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: Padding(
          padding: const EdgeInsets.only(
            left: 16,
            right: 16,
          ),
          child: SingleChildScrollView(
            child: Column(
              children: <Widget>[
                Container(
                  margin: EdgeInsets.only(top: 50),
                  child: Text(
                    AppLocalizations.of(context).initiateSession,
                    style: Theme.of(context).textTheme.headline6,
                  ),
                ),
                BlocProvider(
                  create: (context) {
                    return LoginBloc();
                  },
                  child: BlocListener<LoginBloc, LoginState>(
                    listener: (context, state) {
                      if (state.status.isSubmissionFailure) {
                        ScaffoldMessenger.of(context)
                          ..hideCurrentSnackBar()
                          ..showSnackBar(
                            const SnackBar(
                                content: Text('Authentication Failure')),
                          );
                      }
                    },
                    child: Align(
                      alignment: const Alignment(0, -1 / 3),
                      child: Column(
                        mainAxisSize: MainAxisSize.min,
                        children: [
                          TextInput(AppLocalizations.of(context).email, LoginBloc, LoginEmailChanged, getError),
                          TextInput(AppLocalizations.of(context).password, LoginBloc, LoginEmailChanged, getError),
                        ],
                      ),
                    ),
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

自定义文本字段：

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

class TextInput extends StatelessWidget {
  final String hint;
  final Bloc bloc;
  final Function blocEvent;
  final String errorMessage;

  TextInput(this.hint, this.bloc, this.blocEvent, this.errorMessage);

  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.only(top: 10),
      child: TextField(
        decoration: InputDecoration(
          fillColor: Color(0xfff5f5f5),
          filled: true,
          border: InputBorder.none,
          hintText: hint,
          hintStyle: TextStyle(
            color: Color(0xffb4b4b4),
            fontSize: 18.0,
            fontFamily: 'Helvetica',
            fontWeight: FontWeight.w100,
          ),
          contentPadding: EdgeInsets.symmetric(
            vertical: 22,
            horizontal: 14,
          ),
          errorText: errorMessage,
        ),
        style: Theme.of(context).textTheme.bodyText1,
        cursorColor: Theme.of(context).primaryColor,
        cursorHeight: 20,
        onChanged: (textValue) =>
            context.read<bloc>().add(blocEvent(textValue)), //this is the line where the error occurs, where I use "bloc" as a type.
      ),
    );
  }
}