# Show or hide the UI in our React Native viewer

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

| **Option**                 | **Description**                                                                                                         |
| -------------------------- | ----------------------------------------------------------------------------------------------------------------------- |
| `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:

```js

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

```

Here’s how automatic view mode works:

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

---

## Related pages

- [Show the PSPDFKitView close button](/guides/react-native/user-interface/close-button.md)
- [Localization: Change languages in our React Native PDF viewer](/guides/react-native/user-interface/localization.md)
- [Customizing our PDF viewer in React Native](/guides/react-native/user-interface.md)
- [Configuring PSPDFKitView properties](/guides/react-native/user-interface/configuration.md)
- [Customizing menus on React Native](/guides/react-native/user-interface/menus.md)
- [NutrientView React Native UI component](/guides/react-native/user-interface/pspdfkitview.md)