在 Flutter 里有幾種調試方式。

• 斷點調試。
• debugger 調試。
• rendering 調試。
• 日志調試。
• 運行狀態調試。
• 真機調試。

斷點調試

在 Flutter 進行斷點調試非常簡單，只需要在 Vscode 上打上一個斷點，按 F5 就會停在斷點處。通過左邊的調試欄，觀察斷點處的變量以及棧堆情況。

image.png

debugger調試

除了打斷點，也可以使用 debugger API 的方式。

import 'dart:developer';void someFunction(double offset) { debugger(when: offset > 30.0, message: 'offset 大于 30 時，中斷'); // ... } 

這段代碼表明，當 offset 這個變量的值大于 30.0 時中斷運行，并輸出 message 的內容。debugger 代碼只會在開發階段運行。

rendering 調試

rendering 即開啟布局線，當打開 rendering 時，會在界面上看到一些布局線，以便于修復布局效果。

import 'package:flutter/rendering.dart';void main() { debugPaintSizeEnabled = !true; runApp(new MyApp()); } 

打開之后看到的效果。

image.png

日志調試

日志調試，直接使用 print 輸出內容即可，在 AS、Vscode 里的控制臺/調試控制臺都可以看到。

為了方便，定義一個 Debug 類。

class Debug { static log(String tag, String text) { print('[$tag] $text'); } static info(String tag, String text) { print('[$tag] $text'); } static success(String tag, String text) { print('[$tag] $text'); } static error(String tag, String text) { print('[$tag] $text'); } } 

運行狀態調試

在使用命令：flutter run 時，會有一個 Observatory URL 地址提供（一般為：http://127.0.0.1:8108/），那就是運行狀態調試，打開之后可以看到應用的 GC、VM 方面的信息。注意，如果使用 F5 啟動，則沒有這個功能。

真機調試

開啟真機調試的步驟：

1. 打開 開發者選項 還有 USB 調試。
2. 使用 USB 將手機連接電腦，若手機出現提示，授權電腦訪問手機。
3. 在命令執行 flutter devices 確認連接電腦的設備。

4. 然后可通過執行 flutter run 運行我們的 app。
   在手機上開啟 USB 調試模式。

   
   image.png

本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得，所有資料僅供用戶學習參考，本站不擁有所有權，如您認為本網頁中由涉嫌抄襲的內容，請及時與我們聯系，并提供相關證據，工作人員會在5工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.juherenli.com/17606.html