Gap between top of the action bar and page content

[BenjiFarquhar]

flutter_keyboard_actions is adding a gap between the keyboard action bar and my page content. How can I make my page content go all the way down to the keyboard action bar?

[diegoveloper]

Try to reproduce the issue on a minimum sample code, then paste the code here.

[BenjiFarquhar]

Not sure if this code is minimal enough. I think it is my code that is causing it actually. Maybe the Expanded is stretching it out:

    return [
      Expanded(
          child: KeyboardActions(
              tapOutsideBehavior: TapOutsideBehavior.opaqueDismiss,
              config: KeyboardActionsConfig(
                defaultDoneWidget: const VpKeyboardDoneButton(),
                actions: [
                  KeyboardActionsItem(
                    focusNode: focusNodeName,
                  ),
                  KeyboardActionsItem(
                    focusNode: focusNodeLocationName,
                  ),
                  KeyboardActionsItem(
                    focusNode: focusNodeCompanyName,
                  ),
                  KeyboardActionsItem(
                    focusNode: focusNodeDescription,
                  ),
                ],
              ),
              child: Column(mainAxisSize: MainAxisSize.min, children: [
                nameTextField(context: context!, form: form),
                locationNameTextField(context: context, form: form!),
                companyNameTextField(context: context, form: form),
                descriptionTextField(context: context, vm: vm),
              ])))
    ];

[diegoveloper]

No, that's not minimal, try creating a new file from empty project, something that I could run here and reproduce the issue.

…

On Sat, Dec 25, 2021, 1:14 PM Benjamin Farquhar ***@***.***> wrote: Not sure if this code is minimal enough. I think it is my code that is causing it actually. Maybe the Expanded is stretching it out: return [ Expanded( child: KeyboardActions( tapOutsideBehavior: TapOutsideBehavior.opaqueDismiss, config: KeyboardActionsConfig( defaultDoneWidget: const VpKeyboardDoneButton(), actions: [ KeyboardActionsItem( focusNode: focusNodeName, ), KeyboardActionsItem( focusNode: focusNodeLocationName, ), KeyboardActionsItem( focusNode: focusNodeCompanyName, ), KeyboardActionsItem( focusNode: focusNodeDescription, ), ], ), child: Column(mainAxisSize: MainAxisSize.min, children: [ nameTextField(context: context!, form: form), locationNameTextField(context: context, form: form!), companyNameTextField(context: context, form: form), descriptionTextField(context: context, vm: vm), ]))) ]; — Reply to this email directly, view it on GitHub <#172 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABFL3UA526H54JUM7ADW7EDUSYCYTANCNFSM5KYAPMHA> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you commented.Message ID: ***@***.***>

[BenjiFarquhar]

I am having trouble with that. But if this helps, it doesn't have the gap when I do disableScroll: true. It is the area that scrolls which becomes empty.

[BenjiFarquhar]

I'm pretty sure it is this: #48 It seems like a bug with autoscroll.

[BenjiFarquhar]

If I have anything that takes up space below my KeyboardActions(), it increases that gap. If I remove everything below it, then it is fixed. But I need to have a button below it.

[BenjiFarquhar]

It is a bug.

When you calculate the offset to "avoid" EG:

BottomAreaAvoider(
                key: bottomAreaAvoiderKey,
                areaToAvoid: _offset

It calculates the action bar height (45) + the device keyboard height:

    double newOffset = _currentAction!.displayActionBar
        ? _kBarSize
        : 0; // offset for the actions bar
    newOffset += MediaQuery.of(context)
        .viewInsets
        .bottom; // + offset for the system keyboard

The KeyboardActions widget then applies this offset, starting from the bottom of the KeyboardActions widget, which means if the KeyboardActions widget isn't at the bottom of the page, the offset will be too high - by the height of whatever is below it (The keyboard starts at the bottom of the view port, not the bottom of the KeyboardActions widget). It needs to at the very least have an offset parameter to pass to the KeyboardActions widget which is the distance from the bottom of the screen to the bottom of the KeyboardActions widget.

[diegoveloper]

Would you mind creating a PR to fix this issue? :D

[BenjiFarquhar]

@diegoveloper Sure, I will give it a go

[BenjiFarquhar]

@diegoveloper I have tried to push to my new branch "benjamin-farquhar/bug/172-fix-offset"; however, access is denied. Do you need to permit me?

[diegoveloper]

You need to fork the project then send a PR

…

On Sun, Dec 26, 2021, 3:43 PM Benjamin Farquhar ***@***.***> wrote: @diegoveloper <https://github.com/diegoveloper> I have tried to push to my new branch "benjamin-farquhar/bug/172-fix-offset"; however, access is denied. Do you need to permit me? — Reply to this email directly, view it on GitHub <#172 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABFL3UDPCOIHAXGWWEMSXLDUS5475ANCNFSM5KYAPMHA> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you were mentioned.Message ID: ***@***.***>