插件详情v1.1.0

rect_getter

一个 widget 提供了一种简单的方法，在渲染后获取子项的矩形信息。

AndroidiOSWebmacOSWindowsLinux

pub.dev API 文档源代码

近 30 天下载: 1.9万
喜欢数: 97
Pub 分数: 160

安装插件

flutter pub add rect_getter

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

RectGetter 是一个 Flutter 包，可简化在渲染后获取子部件矩形尺寸和位置的过程。它提供了一种便捷的方式，用于访问精确的布局信息，如偏移、大小和边界，适用于部件树中。非常适合需要准确空间数据的手势检测、动画或 UI 对齐任务。该包可在所有主要平台（包括 Android、iOS、Web、macOS、Windows 和 Linux）上运行，确保在不同目标环境中行为一致。

适合场景

基于手势的交互
动态 UI 定位
基于布局的动画触发
调试 widget 位置
覆盖元素对齐

主要特点

渲染后的实时矩形数据
跨平台兼容性
简单的 API 集成
支持嵌套控件
精确的偏移量和尺寸报告

适合对象

需要布局度量的开发者
UI/UX 设计师实现交互式布局
具有动态或响应式界面的应用程序
调试布局问题
自定义手势探测器

使用建议

需要在渲染后访问组件树
如果过度使用，可能会影响性能
不适合用于预渲染测量
仅限可见且已渲染的子项
最好与构建上下文配合使用

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

rect_getter

A widget provide a simple way to get child's rectangle information after rendered.

Usage

To use this plugin, add rect_getter as a dependency in your pubspec.yaml file.

Example

// Import package
import 'package:rect_getter/rect_getter.dart';

// Instantiate it

var globalKey = RectGetter.createGlobalKey();
var rectGetter = RectGetter(
    key: globalKey,
    child: _child,
);

or

var rectGetter = RectGetter.defaultKey(
    child: _child,
);


// and add it to your layout .

// then you can get rect by

Rect rect = rectGetter.getRect();

or

Rect rect = RectGetter.getRectFromKey(globalKey);