flutter pub add round_spot基于插件公开信息、社区数据与项目使用情况整理的选型参考。
Round Spot 是一个可定制且用户友好的热图界面分析库，旨在跨各种平台可视化数据模式。它使开发人员能够轻松地将交互式热图集成到其应用程序中，支持 Android、iOS、Web、macOS、Windows 和 Linux。适用于分析和消费者洞察，通过直观的可视化帮助识别用户行为热点。该库轻量级且易于实现，对初学者和经验丰富的开发人员都易于使用。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
Round Spot simplifies the UI accessibility and behaviour analysis for Flutter applications by handling the data gathering and processing. It produces beautiful heat map visualizations that aim to make the UI improvement and troubleshooting easy and intuitive.
⚠️ Note: This tool still in its development and currently only offers local on device heat map generation. This limits the number of interactions that can be included in a single image and therefore can be considered as a preview.
Import the package in your main file:
import 'package:round_spot/round_spot.dart';
Wrap your MaterialApp widget to initialize the library:
void main() {
runApp(initialize(
child: Application()
));
}
Add an observer for monitoring the navigator:
MaterialApp(
navigatorObservers: [ Observer() ]
)
Provide the callbacks for saving the processed output:
initialize(
localRenderCallback: (data, info) => sendHeatMapImage(data)
)
Configure the tool to better fit your needs:
initialize(
config: Config(
minSessionEventCount: 5,
uiElementSize: 15,
heatMapPixelRatio: 2.0,
)
)
Route names are used to differentiate between pages. Make sure you are consistently specifying them both when using named routes and pushing PageRoutes (inside RouteSetting)
To correctly monitor interactions with any scrollable space a Detector
has to be placed as a direct parent of that widget:
Detector(
areaID: id,
child: ListView(
children: /* children */,
),
)
Created by Stanisław Góra
This tool is licenced under MIT License
暂无相关数据。