This HTML page is not optimized for LLM or AI agent consumption. Fetch the Markdown version instead: /guides/react-native/user-interface/ui-visibility.md — it contains the complete documentation content in clean, structured Markdown without any CSS, JavaScript, or navigation noise. Show or hide UI in React Native PDF viewer | Nutrient SDK

Show or hide the UI in our React Native viewer

Markdown version of this page, suitable for AI agents and automation

Nutrient React Native SDK offers a few ways to show or hide the user interface. The following table outlines the supported options.

OptionDescription
automaticThe toolbar and the user interface will show or hide when tapping on the page
automaticBorderPagesLike automatic, but the user interface will show on the first and last page of the document (only supported on Android)
automaticNoFirstLastPageLike automatic, but the user interface will show on the first and last page of the document (only supported on iOS)
alwaysVisibleThe user interface will always be visible
alwaysHiddenThe user interface will always be hidden

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

<NutrientView
  document={DOCUMENT}
  configuration={{
    userInterfaceViewMode: 'automaticNoFirstLastPage',
  }}
  ref={this.pdfRef}
  fragmentTag="PDF1"
  style={{ flex: 1 }}
/>

Here’s how automatic view mode works:

AndroidiOS