Flutter - Keyboard keeps on POPPING-UP on iOS inside Chrome & Safari

Viewed 714

I'm trying to use a Flutter TextField() on my Flutter Web App but when running it inside an iOS Browser :

  • It keeps on popping up even if i click outside of TextField :

GIF iOS WEB KEYBOARD ISSUE

How do I keep it from popping up?

Here is a stripped to its minimum code sample to reproduce the issue :

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      themeMode: ThemeMode.system,
      home: Scaffold(
        body: SafeArea(
          child: Center(
            child: TextField(
              autofocus: false,
              keyboardType: TextInputType.emailAddress,
              autofillHints: [AutofillHints.email],
            ),
          ),
        ),
      ),
      title: 'Flutter Test',
    );
  }
}
1 Answers

change TextField to TextFormField.

Related