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
暫無相關資料。