---
title: "Retrieve or set annotation bounding box in Flutter"
canonical_url: "https://www.nutrient.io/guides/flutter/annotations/introduction-to-annotations/bounding-boxes/"
md_url: "https://www.nutrient.io/guides/flutter/annotations/introduction-to-annotations/bounding-boxes.md"
last_updated: "2026-05-25T18:42:17.747Z"
description: "Each annotation has a size and a position, known as the annotation’s bounding box. To access the bounding box of a given annotation."
---

# Retrieve or set the annotation bounding box in Flutter

Each annotation has a size and a position, known as the annotation’s bounding box. To access the bounding box of a given annotation, you need to call `getAnnotations(pageIndex, type)` (available only in iOS) to get the annotation. Then, you can access its bounding box (`bbox`). The value of the bounding box is a rect array instance, which holds the annotation’s size and position in PDF coordinates.

The example below shows how to add a button that displays an alert with the value of the bounding box of the first annotation on the first page of the document:

```dart

import 'package:flutter/material.dart';
import 'package:nutrient_flutter/nutrient_flutter.dart';

class NutrientAnnotationsExample extends StatefulWidget {
  final String documentPath;

  const NutrientAnnotationsExample({super.key, required this.documentPath});

  @override
  State<NutrientAnnotationsExample> createState() =>
      _NutrientAnnotationsExampleState();
}

class _NutrientAnnotationsExampleState
    extends State<NutrientAnnotationsExample> {
  late NutrientController _nutrientViewController;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(),
        body: Column(
          children: [
            Expanded(
              child: NutrientView(
                documentPath: widget.documentPath,
                onViewCreated: (view) {
                  setState(() {
                    _nutrientViewController = view;
                  });
                },
              ),
            ),
            ElevatedButton(
                onPressed: () {
                  _nutrientViewController.getAnnotations(0, 'all').then((annotations) async {
                    await showDialog<AlertDialog>(
                        context: context,
                        builder: (BuildContext context) => AlertDialog(
                              title: const Text('Bounding box'),
                              content: Text('${annotations[0].bbox}'),
                              actions: [
                                TextButton(
                                    onPressed: () {
                                      Navigator.of(context).pop();
                                    },
                                    child: const Text('OK'))
                              ],
                            ));
                  });
                },
                child: const Text('Get Annotation Bounding Box')),
          ],
        ));
  }
}

```

Here’s how it looks:![Bounding box alert](@/assets/guides/flutter/annotations/introduction-to-annotations/bounding-boxes/bounding-box-alert.png)

---

## Related pages

- [Supported annotation types in Flutter](/guides/flutter/annotations/introduction-to-annotations/annotation-types.md)
- [What are PDF annotations?](/guides/flutter/annotations/introduction-to-annotations/what-are-annotations.md)