I have above 10 TextFormFields so i created widget that i could not type this same code to every of them

class TextFieldWidget extends StatelessWidget {
  const TextFieldWidget(
      {super.key, required this.countryshortcut, required this.controllername});

  final String countryshortcut;
  final String controllername;

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      width: 60.0,
      height: 60,
      child: TextFormField(
        decoration: InputDecoration(
          hintText: countryshortcut,
          counterText: "",
        ),
        maxLength: 2,
        controller: controllername,
        keyboardType: TextInputType.number,
        inputFormatters: [FilteringTextInputFormatter.digitsOnly],
      ),
    );
  }
}

as you see i need controller and here i get an error

The argument type 'String' can't be assigned to the parameter type 'TextEditingController?'.

I tried solutions from other topics, for example trying to change type of variable from String or changing 'controllername' to 'controllername.text' (the getter text isn't defined) but it didn't work.

CodePudding user response：

controller is of type TextEditController().
_textController.text can be used as a getter.

TextEditingController _textController = TextEditingController();

    return Scaffold(
      body: SafeArea(
        child: SizedBox(
          width: 60.0,
          height: 60.0,
          child: TextFormField(
            decoration: InputDecoration(
              hintText: "hint",
              counterText: "",
            ),
            maxLength: 2,
            controller: _textController,
            keyboardType: TextInputType.number,
            inputFormatters: [FilteringTextInputFormatter.digitsOnly],
          ),
        ),
      ),
    );

CodePudding user response：

class TextFieldWidget extends StatelessWidget {
  TextFieldWidget(
      {super.key, required this.countryshortcut, required this.controllername}) {
**controller.text = controllerame;**
};

  final String countryshortcut;
  final String controllername;

  final **controller** = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      width: 60.0,
      height: 60,
      child: TextFormField(
        decoration: InputDecoration(
          hintText: countryshortcut,
          counterText: "",
        ),
        maxLength: 2,
        controller: **controller**,
        keyboardType: TextInputType.number,
        inputFormatters: [FilteringTextInputFormatter.digitsOnly],
      ),
    );
  }
}

CodePudding user response：

While you like to use controller pass TextEditingController

class TextFieldWidget extends StatelessWidget {
  const TextFieldWidget({
    super.key,
    required this.countryshortcut,
    required this.controller,
  });

  final String countryshortcut;
  final TextEditingController controller;

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      width: 60.0,
      height: 60,
      child: TextFormField(
        decoration: InputDecoration(
          hintText: countryshortcut,
          counterText: "",
        ),
        maxLength: 2,
        controller: controller,
        keyboardType: TextInputType.number,
        inputFormatters: [FilteringTextInputFormatter.digitsOnly],
      ),
    );
  }
}

If you like to pass initial value TextEditingController.fromValue(

 final TextEditingController controller =
        TextEditingController.fromValue(TextEditingValue(text: "initValue"));

 TextFieldWidget(
  controller: controller,
  countryshortcut: "",
),

CodePudding user response：

final String countryshortcut;
final String controllername; // you don't need it
final TextEditingController controller; // Use this
//Run as controller.text when using.
//For example Text(controller.text)