---
title: "React Native PDF reader SDK — View & reflow text | Nutrient"
canonical_url: "https://www.nutrient.io/guides/react-native/viewer/reader-view/"
md_url: "https://www.nutrient.io/guides/react-native/viewer/reader-view.md"
last_updated: "2026-05-21T13:28:30.037Z"
description: "Experience easy-to-read PDFs on mobile with Reader View, featuring structured text, Dark Mode, and automatic font scaling for enhanced readability."
---

# React Native PDF reader library

[Reader View](https://www.nutrient.io/guides/ios/features/reader-view.md) presents the content of PDF documents in an easy-to-read, single-column view that’s optimized for mobile devices. It’s especially helpful for documents such as magazines, books, articles, and scientific papers.

Reader View only shows the textual content of a given PDF document. It also looks for headings and displays them bigger and/or bolder. All other elements — such as images, stylized page parts, and page headers and footers — are ignored in order to provide an improved reading flow. On iOS, it also supports Dark Mode and [Apple’s Dynamic Type](https://developer.apple.com/documentation/uikit/uifont/scaling_fonts_automatically) feature, the latter of which scales fonts automatically and chooses a user’s preferred text size.

Reader View tries to structure the text in the intended reading order. If you find documents where this isn’t the case and can share them with us, let us know.

| Normal View                                                                                                        | Reader View                                                                                                        |
| ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------ |
|  |  |

Reader View is still in its early stages, so if you have any feedback on how we could improve upon it, [contact us](https://support.nutrient.io/hc/en-us/requests/new).

To use Reader View, you need to have the Reader View component enabled in your license.

## How to use Reader View

Here’s an example of how to programmatically show the Reader View button:

```js

<NutrientView
	document={DOCUMENT}
	toolbar={{
		// iOS only
		leftBarButtonItems: { // `rightBarButtonItems` can also be used
		  viewMode: Toolbar.PDFViewMode.VIEW_MODE_DOCUMENT,
		  animated: true,
		  buttons: [
			Toolbar.DefaultToolbarButton.READER_VIEW_BUTTON_ITEM,
		  ],
		},
		// Android only
		toolbarMenuItems: {
		  buttons: [
			Toolbar.DefaultToolbarButton.READER_VIEW_BUTTON_ITEM,
		  ],
		},
	}}
	ref={this.pdfRef}
	fragmentTag="PDF1"
	style={{ flex: 1 }}
/>

```
---

## Related pages

- [Rotating pages in our React Native PDF viewer](/guides/react-native/viewer/page-rotation.md)
- [React Native PDF viewer library](/guides/react-native/viewer.md)
- [React Native image viewer library](/guides/react-native/viewer/images.md)
- [Configuring scroll direction and page transitions in our React Native viewer](/guides/react-native/viewer/page-transition.md)
- [Customizing page navigation in our React Native PDF viewer](/guides/react-native/viewer/page-navigation.md)