ensure_visible_when_focused 1.2.0 ensure_visible_when_focused: ^1.2.0 copied to clipboard
A handy Flutter widget to scroll to a certain widget every time this widget gains Focus.
I was having a hard time scrolling to a specific wdget in a scenario where I had a very large form, with lots of form fields.
I found an issue with no concrete answer https://github.com/flutter/flutter/issues/58877
After digging a litlle deeper I found a solution to this problem https://www.didierboelens.com/2018/04/hint-4 -ensure-a-textfield-or-textformfield-is-visible-in-the-viewport-when-has-the-focus/. Hence the idea of creating and making this widget available.
This widget solves this problem in a very elegant way. You just have to give the same FocusNode of the widget you want to scroll to.
Basic Usage #
The widget is very simple to use. You need to Wrap your widget on a EnsureVisibleWhenFocused widget. You have to pass the FocusNode of the widget you want to scroll to when it's given focus.
EnsureVisibleWhenFocused( focusNode: _focusNode, child: TextFormField( focusNode: _focusNode, ), )
With the setup above, every time the TextFormField gains focus, a scroll will be made to it.
You can give focus to a field just doing:
You can configure more things, such as the scroll duration and it's curve.
Suggestions & Bugs #
For any suggestions or bug report please head to issue tracker.