Keyboard keeps disappearing while entering data in Flutter TextFormField

Question

I've this simple login screen with two TextFormField for email and password. When I try to enter text in any of these text boxes, keyboard appears momentarily and disappears every time I focus on text field to enter data.

class LogInPage extends StatefulWidget {
  final String title;
  LogInPage({Key key, this.title}) : super(key: key);

  @override
  _LogInPageState createState() => new _LogInPageState();
}

class _LogInPageState extends State<LogInPage> {
  static final formKey = new GlobalKey<FormState>();

  String _email;
  String _password;

  Widget padded({Widget child}) {
    return Padding(
      padding: EdgeInsets.symmetric(vertical: 8.0),
      child: child,
    );
  }

  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
        child: Container(
            padding: const EdgeInsets.all(16.0),
            child: Column(children: [
              Card(
                  child:
                      Column(mainAxisSize: MainAxisSize.min, children: <Widget>[
                Container(
                    padding: const EdgeInsets.all(16.0),
                    child: Form(
                        key: formKey,
                        child: Column(
                            crossAxisAlignment: CrossAxisAlignment.stretch,
                            children: [
                              padded(
                                  child: TextFormField(
                                key: Key('email'),
                                decoration: InputDecoration(labelText: 'Email'),
                                autocorrect: false,
                                validator: (val) => val.isEmpty
                                    ? 'Email can\'t be empty.'
                                    : null,
                                onSaved: (val) => _email = val,
                              )),
                              padded(
                                  child: TextFormField(
                                key: Key('password'),
                                decoration:
                                    InputDecoration(labelText: 'Password'),
                                obscureText: true,
                                autocorrect: false,
                                validator: (val) => val.isEmpty
                                    ? 'Password can\'t be empty.'
                                    : null,
                                onSaved: (val) => _password = val,
                              )),
                            ]))),
              ])),
            ])));
  }
}

This is the form:

EDIT I think the problem lies in the way I'm calling this page like below. Is it okay to call another page from FutureBuilder ?

  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("LogIn Demo"),
      ),
      body: FutureBuilder<FirebaseUser>(
        future: Provider.of<FireAuthService>(context).currentUser(),
        builder: (context, AsyncSnapshot<FirebaseUser> snapshot) {
          if (snapshot.connectionState == ConnectionState.done) {
            if (snapshot.error != null) {
              return Text(snapshot.error.toString());
            }

            return snapshot.hasData
                ? UserProfilePage(snapshot.data)
                : LogInPage(title: 'Login');
          } else {
            return Container(
              child: CircularProgressIndicator(),
            );
          }
        },
      ),
    );
  }

Answer 1

I'm new to flutter so I don't know whether my answer helps with your question. I have faced similar situations (and yes I used futureBuilder as well) , all I did was to clean the code and I used the form key: static final GlobalKey<FormState> _formKey= GlobalKey<FormState>();.

I hope this help and wish u luck with your code! :D

Answer 2

Clean your code first and rebuild, perform testing with real device as well.

        static GlobalKey<FormState> _formKey = new GlobalKey<FormState>();