Flutter TextField keyboard sample

Example layout

@override
Widget build(BuildContext context) {
  return Scaffold(
    resizeToAvoidBottomPadding: true,
    appBar: AppBar(
      title: Text(widget.title),
    ),
    body: Center(
      child: SingleChildScrollView(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            TextField(),
            TextField(),
            TextField(),
            TextField(),
            TextField(),
            TextField(),
            Text('end'),
            TextField(),
          ],
        ),
      ),
    ),
  );
}

Note for Android.

  • Dont put <item name= "android:windowFullscreen">true</item>in to main/src/res/values/sytles.xml LaunchTheme. Just keep origin version
<resources>
    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
        <!-- Show a splash screen on the activity. Automatically removed when
            Flutter draws its first frame -->
        <item name="android:windowBackground">@drawable/launch_background</item>
    </style>
</resources>

Leave a Reply

Your email address will not be published.Required fields are marked *