unfocus_widget 0.1.2+1

Useful widget for unfocusing the TextField when touching outside

unfocus_widget

Wrap your UI with UnFocusWidget so tapping outside TextFields dismisses the keyboard.

Add the dependency

dependencies:
  unfocus_widget: <latest>

dart pub add unfocus_widget

Use it

import 'package:unfocus_widget/unfocus_widget.dart';

Apply globally with MaterialApp.builder:

MaterialApp(
  builder: (context, child) {
    return UnFocusWidget(
      child: child ?? const SizedBox.shrink(),
    );
  },
  home: const MyHomePage(),
);

Or wrap outside Scaffold:

UnFocusWidget(
  child: Scaffold(
    body: Padding(
      padding: const EdgeInsets.all(16),
      child: Column(
        children: [
          TextField(decoration: InputDecoration(labelText: 'Email')),
          TextField(decoration: InputDecoration(labelText: 'Password')),
        ],
      ),
    ),
  ),
);

Run the demo: cd example && flutter run