---
title: "NutrientView Flutter widget | Nutrient"
canonical_url: "https://www.nutrient.io/guides/flutter/user-interface/nutrientview/"
md_url: "https://www.nutrient.io/guides/flutter/user-interface/nutrientview.md"
last_updated: "2026-06-09T10:25:14.452Z"
description: "Integrate the NutrientView Flutter widget into your app, customize the PDF layout, and display multiple documents side by side for enhanced user experience."
---

# NutrientView Flutter widget

`NutrientView` is a [Flutter widget](https://flutter.dev/docs/development/ui/widgets-intro) that allows you to integrate Nutrient directly into your Flutter app and modify and adjust the layout of the PDF widget to your liking. To read more about `NutrientView`, check out the [Dart components explained](https://www.nutrient.io/guides/flutter/customize.md#dart-components-explained) section of our [customization guide](https://www.nutrient.io/guides/flutter/customize.md).

The example below shows two `NutrientView` instances side by side:

```dart

final document1 =... // Copy the document from assets to the temporary directory.
final document2 =... // Copy the document from assets to the temporary directory.

if (Theme.of(context).platform == TargetPlatform.iOS) {
    await Navigator.of(context).push<dynamic>(CupertinoPageRoute<dynamic>(
        builder: (_) => CupertinoPageScaffold(
            navigationBar: CupertinoNavigationBar(),
            child: SafeArea(
                bottom: false,
                child: Row(children: <Widget>[
                    Expanded(
                        child: NutrientView(documentPath: document1.path)),
                    Expanded(
                        child: NutrientView(documentPath: document2.path))
                ])))));
} else {
    // This example is only supported in iOS at the moment.
    // Support for Android is coming soon.
}

```

Here’s how it looks in action:

Using `NutrientView` in Android will lead to a crash, because it requires the `MainActivity` of your Android module to inherit the `AppCompatActivity` class. To address this issue, refer to [this troubleshooting guide](https://www.nutrient.io/guides/flutter/troubleshooting/pspdfkit-widget-appcompat-activity-issue.md).
---

## Related pages

- [Customizing our PDF viewer in Flutter](/guides/flutter/user-interface.md)
- [Configuring PDF view properties](/guides/flutter/user-interface/configuration.md)
- [Customizing PDF viewer styling in Flutter](/guides/flutter/user-interface/appearance-styling.md)
- [Localization: Change languages in our Flutter PDF viewer](/guides/flutter/user-interface/localization.md)
- [Show or hide the UI in our Flutter viewer](/guides/flutter/user-interface/ui-visibility.md)
- [View configuration reference](/guides/flutter/user-interface/view-configuration.md)