Last updated:
0 purchases
ensure visible when focused
Introduction #
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,
),
)
copied to clipboard
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:
_focusNode.requestFocus();
copied to clipboard
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.
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.