Search packages, repositories and app categories

GitHub repositoryHornMichaelS/flutter_avoid_keyboard

flutter_avoid_keyboard

A package to make keyboard avoidance a bit easier in Flutter apps.

flutter_avoid_keyboard project cover
Stars
0
Forks
1
Last push (UTC)
Jun 10, 2021
Project status
Active

Original README

English project snapshot. Visit GitHub for the latest content.

avoid_keyboard

pub version pub points likes popularity

The avoid_keyboard package includes a widget (AvoidKeyboard) in which you can wrap your text fields and other input controls, such that they will scroll out of the way when the keyboard pops up. Using this widget has an advantage over using the default Scaffold behavior, in that you can specify exactly which areas of your app will scroll in response to the keyboard, rather than having your entire viewport compressed (which won't work anyway for fixed height columns).

Another advantage, is that AvoidKeyboard will only shift its contents in the case that the keyboard is actually overlapping the focused input control.

demonstration gif

Getting Started

To get started, simply wrap the input controls (along with any surrounding portion of the widget tree which should move out of the way):

class AvoidKeyboardExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return AvoidKeyboard(
      child: Column(
        children: [
          TextField(),
          TextField(),
        ],
      ),
    );
  }
}

Having done this, the view will now scroll out of the way when the keyboard overlaps an active control.

Michael GitHub avatar
GitHub author

Michael ↗

Mobile Engineering Tech Lead at Autopilot Holdings Corp.

Los Angeles, California
LanguagesDart

Categories

Packages published by this repository

Dependencies used

Dependency list 3 items

  • after_layout^1.1.0
  • flutter{"sdk":"flutter"}
  • flutter_testDevelopment{"sdk":"flutter"}

How do I choose a repository?

Start with your use case, compare repository activity, and check the original project before adopting it.

  1. Search by repository name, owner or description, then narrow the results by topic.
  2. Compare stars, forks and recent pushes. Stars show community interest, not a guarantee of quality.
  3. Read the README, license and issues on GitHub before using a project.

Sources and maintenance

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗