經(jīng)常開發(fā)flutter應(yīng)用的朋友都知道玻侥,flutter應(yīng)用內(nèi)打印的日志都顯示在開發(fā)工具控制臺上启泣,脫離數(shù)據(jù)線后涣脚,日志就找不到了,而且混雜其他日志分析問題較為不友好
那么能不能開發(fā)一個類似網(wǎng)頁的日志查看工具呢寥茫,可以隨著應(yīng)用頁面展示遣蚀,在獨立打包后也可以展示,肯定是可以的。
自己造輪子實現(xiàn):
核心API:
itemEntry = OverlayEntry(builder: (BuildContext context) => const OverlayConsoleWidget());
if (itemEntry != null) {
Overlay.of(context).insert(itemEntry!);
}
Overlay 是一個StatefluWidget妙同,能夠在應(yīng)用程序的頁面頂部插入自定義的Widget,并且始終保持置頂射富,無視頁面路由切換。
更多解釋見Overlay 類 - widgets 庫 - Dart API (flutter-io.cn)
用第三方輪子:
flu_console | Flutter package (pub.dev)
Getting Started
step 1: init
FluConsole.run(() {
runApp(const App());
});
//or passing in 'enableLog' parameters
FluConsole.run(() {
runApp(const App());
},enableLog: true);
step 2: show console enter button or show console Panel
FluConsole.showConsoleButton(context);
// or
Navigator.of(ctx).push(PageNavAnimBuilder(const LogPrintPanel()));
run example
cd ./example
flutter run