FnPanel
github：https://github.com/SmileZXLee/FnPanel
主要功能
- 設(shè)計參照Chome Network調(diào)試面板
- 支持展示請求頭、響應(yīng)頭、請求頭、響應(yīng)體、請求時間等
- 支持請求體/響應(yīng)體格式化展示
- 支持復(fù)制請求為cURL或fetch，可直接粘貼至Postman或發(fā)給后端調(diào)試
- 搭配全局可拖動按鈕，可通過全局Button呼出FnPanel面板
- 配置簡單，使用方便，侵入性低
安裝
dependencies:
fn_panel: ^0.0.6
使用
導(dǎo)入fn_panel
import 'package:fn_panel/fn_panel.dart';
【必須】綁定Dio，請在封裝的請求內(nèi)部綁定
Dio dio = Dio();
// 對dio的各種配置處理
FnPanel.setDio(dio);
【可選】設(shè)置全局Button，可通過全局Button呼出FnPanel面板
FnPanel.setGlobalButton(context);
【可選】通過代碼呼出FnPanel面板
FnPanel.showPanel(context);
【可選】全局配置
// 修改全局Button距離bottom 100(默認距離bottom 20，right 20)
FnPanel.setConfig(
FnConfig(globalButtonConfig: FnGlobalButtonConfig(bottom: 100))
);
// 設(shè)置FnPanel在Debug和Release環(huán)境下均啟用，默認為Level.debug，即只有Debug環(huán)境下啟用
FnPanel.setConfig(
FnConfig(level: Level.release)
);
預(yù)覽
| 請求詳情-Headers | 請求詳情-Response |
|---|---|
 |
 |
