Show or hide the UI in our React Native viewer
PSPDFKit for React Native offers a few ways to show or hide the user interface. The following table outlines the supported options.
automatic |
The toolbar and the user interface will show or hide when tapping on the page |
automaticBorderPages |
Like automatic, but the user interface will show on the first and last page of the document (only supported on Android) |
automaticNoFirstLastPage |
Like automatic, but the user interface will show on the first and last page of the document (only supported on iOS) |
alwaysVisible |
The user interface will always be visible |
alwaysHidden |
The 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:
<PSPDFKitView document={DOCUMENT} configuration={{ userInterfaceViewMode: 'automaticNoFirstLastPage', }} ref="pdfView" fragmentTag="PDF1" style={{ flex: 1 }} />
Here’s how automatic view mode works: