Add resizeToAvoidBottomInset Option to WoltModalSheet to Control Keyboard Overlay Behavior

[ulusoyca]

Description

This PR introduces a new flag, resizeToAvoidBottomInset, to the WoltModalSheetPage. This enhancement addresses an issue (#154). With this change, developers can now choose whether the WoltModalSheet.mainContent should resize when the onscreen keyboard appears, preventing it from shifting up and down.

Solution

To address this problem, we have added the resizeToAvoidBottomInset flag to the WoltModalSheetPage. This flag allows developers to specify whether the main content of the modal sheet should be resized to avoid being obscured by the keyboard. Internally, WoltModalSheet uses a Scaffold widget to implement this functionality. The flag's default value is sourced from [WoltModalSheetDefaultThemeData.resizeToAvoidBottomInset], and set to true so that existing package users are not affected.

Usage

To prevent the wolt_modal_sheet from shifting when the keyboard appears, set resizeToAvoidBottomInset to false in the WoltModalSheetPage. This will cause the keyboard to overlay directly on top of the modal sheet, without affecting its position or triggering a page reconstruction.

WoltModalSheetPage(
  resizeToAvoidBottomInset: false,
  // other properties
)

resizeToAvoidBottomInset false	resizeToAvoidBottomInset true
resize_false.mp4	resize_true.mp4

Related Issues

#154

Breaking Change

Does your PR require plugin users to manually update their apps to accommodate your change?

• Yes, this is a breaking change.
• No, this is not a breaking change.

[github-actions]

Visit the preview URL for this PR (updated for commit 20e0325):

• https://coffeemakerexample--pr163-issue-154-add-functi-c03v8kis.web.app
• https://playgroundwoltexample--pr163-issue-154-add-functi-wkkt8mqu.web.app
• https://playgroundnavigator2woltexample--pr163-issue-154-add-f-t4t7xec7.web.app

_{(expires Mon, 25 Mar 2024 04:41:12 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 906758393beb0353b979d020649d6a1efc40fb5b}

[AcarFurkan]

LGTM

[TahaTesser]

LGTM!