Wsrtjtyk

I'm building a prototype usgin Flutter, Bloc Pattern and Stream. As we know, using Reactive Programming with Stream is one of the best way to deveop a well-done architecture (said by Google developers)

But I'm getting a little confused using this pattern due to the complexity of the architecture.

Let's see:

I'm programming a simple sing up form with 8 fields.

Using a StatelessWidget I did something like below:

class RegisterPage extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    final RegisterBloc bloc = BlocProvider.of<RegisterBloc>(context);



    return Scaffold(

        key: _scaffoldKey,

        body: new Container(

          height: MediaQuery

              .of(context)

              .size

              .height,

          child: new SafeArea(

            top: false,

            bottom: false,

            child: Form(

              key: _formKey,

              child: SingleChildScrollView(

                padding: const EdgeInsets.symmetric(horizontal: 16.0),

                child: Column(

                  crossAxisAlignment: CrossAxisAlignment.stretch,

                  children: <Widget>[

                    nameField(bloc),

                    lastNameField(bloc),

                    emailField(bloc),

                    passwordField(bloc),

                    ...



                    ...

                  ],

                ),

              ),

            ),

          ),

        ));

  }



....

}

Up to that point everything is ok. Now let's see a field that I've defined:

Widget nameField(RegisterBloc bloc) {

    return StreamBuilder(

      stream: bloc.name,

      builder: (context, snapshot) {

        return TextField(

          onChanged: bloc.changeName,

          keyboardType: TextInputType.text,

          decoration: InputDecoration(

            border: OutlineInputBorder(),

            icon: Icon(Icons.person_outline),

            hintText: 'Name',

            labelText: 'Name',

            errorText: snapshot.error,

          ),

        );

      },

    );

  }

The code above is just for one field and it is quite good. But... What about the Bloc class? Here we go:

class RegisterBloc extends BlocBase with Validators {







  final _nameController = BehaviorSubject<String>();

  Stream<String> get name => _nameController.stream.transform(validateName);

  Function(String) get changeName => _nameController.sink.add;





  submit() {

    final validName = _nameController.value;

    // Do something

  }





  @override

  void dispose() {

    _nameController.close();

  }







}

Here is the important thing: For just one field (name field) I have 3 properties it means that for 8 field I will have 24 properties only for handling the streaming part (imagine a screen with many more things)

So my question is:
Am I doing something wrong using this pattern? Is it ok? May be I'm implementing it wrongly.

Thanks and good coding!