Nsryjdtyk

I know that general answer to unfocusing is to use this piece of code: FocusScope.of(context).requestFocus(new FocusNode());

But when TextField has custom focusNode, this code doesn't seem to work.

SystemChannels.textInput.invokeMethod('TextInput.hide'); still works, but it only removes the keyboard - field itself is still selected.

The code (irrelevant parts removed):

class RegisterScreen extends StatelessWidget {

  final phoneNumberTEC = TextEditingController();

  final passwordTEC = TextEditingController();

  final passwordFocusNode = FocusNode();



  @override

  Widget build(BuildContext context) {

    return this.keyboardDismisser(

      context: context,

      child: Scaffold(

        appBar: new AppBar(

          title: new Text("Register"),

        ),

        body: this.page(context),

        resizeToAvoidBottomPadding: false,

      ),

    );

  }



  Widget keyboardDismisser({BuildContext context, Widget child}) {

    final gesture = GestureDetector(

      onTap: () {

        this.passwordFocusNode.unfocus();

        FocusScope.of(context).requestFocus(new FocusNode());

        SystemChannels.textInput.invokeMethod('TextInput.hide');

      },

      child: child,

    );

    return gesture;

  }



  Widget page(BuildContext context) {

    return Column(

        mainAxisAlignment: MainAxisAlignment.spaceBetween,

        children: <Widget>[

          Container(

            padding: new EdgeInsets.all(16.0),

            child: Column(

                mainAxisAlignment: MainAxisAlignment.center,

                crossAxisAlignment: CrossAxisAlignment.center,

                children: <Widget>[

                  this.phoneNumberTextField(context),

                  this.passwordTextField(context),

                ]

            ),

          ),

          // cutting irrelevant widgets out

          )

        ]

    );

  }



  Widget phoneNumberTextField(BuildContext context) {

    return TextField(

      controller: this.phoneNumberTEC,

      decoration: InputDecoration(hintText: "Phone number"),

      onSubmitted: (string) {

        FocusScope.of(context).requestFocus(this.passwordFocusNode);

      },

    );

  }



  Widget passwordTextField(BuildContext context) {

    return TextField(

      controller: this.passwordTEC,

      decoration: InputDecoration(hintText: "Password"),

      obscureText: true,

      focusNode: this.passwordFocusNode,

      onSubmitted: (string) {

        this.performRegister(context);

      },

    );

  }



}

Comes out, I didn't manage the lifecycle of FocusNode properly: https://flutter.io/docs/cookbook/forms/focus

Thus, following code did work for me:

class RegisterScreen extends StatefulWidget {

  @override

  _RegisterScreenState createState() => _RegisterScreenState();

}



class _RegisterScreenState extends State<RegisterScreen> {

  final phoneNumberTEC = TextEditingController();

  final passwordTEC = TextEditingController();

  FocusNode passwordFocusNode;



  @override

  void initState() {

    super.initState();



    this.passwordFocusNode = FocusNode();

  }



  @override

  void dispose() {

    this.passwordFocusNode.dispose();



    super.dispose();

  }



  @override

  Widget build(BuildContext context) {

    return this.keyboardDismisser(

      context: context,

      child: Scaffold(

        appBar: new AppBar(

          title: new Text("Register"),

        ),

        body: this.page(context),

        resizeToAvoidBottomPadding: false,

      ),

    );

  }



  Widget keyboardDismisser({BuildContext context, Widget child}) {

    final gesture = GestureDetector(

      onTap: () {

        FocusScope.of(context).requestFocus(new FocusNode());

        debugPrint("!!!");

      },

      child: child,

    );

    return gesture;

  }



// ...



}

Thanks for @SnakeyHips for help - inability to reproduce the issue when it was clearly reproducible on my side gave me some thoughts :)