---
title: "Show or hide UI in Flutter PDF viewer | Nutrient SDK"
canonical_url: "https://www.nutrient.io/guides/flutter/user-interface/ui-visibility/"
md_url: "https://www.nutrient.io/guides/flutter/user-interface/ui-visibility.md"
last_updated: "2026-05-20T19:49:34.815Z"
description: "Nutrient Flutter SDK offers a few ways to show or hide the user interface (UI). The table below outlines the supported options."
---

# Show or hide the UI in our Flutter viewer

Nutrient Flutter SDK offers a few ways to show or hide the user interface (UI). The table below outlines the supported options.

| **Option**                 | **Description**                                                                                                          |
| -------------------------- | ------------------------------------------------------------------------------------------------------------------------ |
| `automatic`                | The toolbar and the user interface will show or hide when tapping on the page.                                           |
| `automaticNoFirstLastPage` | Like automatic, but the user interface will show on the first and last page of the document (only supported on Android). |
| `always`                   | The user interface will always be visible.                                                                               |
| `never`                    | The user interface will always be hidden.                                                                                |

The user interface view mode can be changed using the `userInterfaceViewMode` configuration option. The following example shows how to use the automatic view mode:

```dart

PdfConfiguration(
    userInterfaceViewMode: UserInterfaceViewMode.automatic
);

```

Here’s how `automatic` works:

| Android                                                                                                                                                                                                   | iOS                                                                                                                                                                                                   |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|  |  |

---

## Related pages

- [Customizing PDF viewer styling in Flutter](/guides/flutter/user-interface/appearance-styling.md)
- [Configuring PDF view properties](/guides/flutter/user-interface/configuration.md)
- [Customizing our PDF viewer in Flutter](/guides/flutter/user-interface.md)
- [NutrientView Flutter widget](/guides/flutter/user-interface/nutrientview.md)
- [Localization: Change languages in our Flutter PDF viewer](/guides/flutter/user-interface/localization.md)
- [View configuration reference](/guides/flutter/user-interface/view-configuration.md)