Is On-Screen Keyboard Visible

This property helps check if the on-screen or soft keyboard is visible on screen. You can access this when the Source is set to Global Properties.


Hiding bottom navigation bar when a keyboard is visible

Consider an app where users can input dog details, and a custom bottom navigation bar is present. When users enter dog details, the on-screen keyboard appears, causing the bottom navigation bar to appear over the keyboard. To optimize screen space and improve the user experience, you might want to hide the bottom navigation bar in such instances.

Here's how it looks:

To build such behavior, you can add Conditional Visibility on the bottom navigation. While adding, use the "Is On-Screen Keyboard Visible" that will hide the bottom navigation bar whenever the keyboard is displayed.

Last updated