文章目錄

• 前言
• 一、單獨(dú)運(yùn)行 Flutter 代碼時(shí)調(diào)試 Dart 代碼
• 二、混合模式下 Flutter 調(diào)試 Dart 代碼
• 三、相關(guān)資源

前言

Flutter 混合開發(fā)集成步驟 :

• ① 在 Android Studio 中創(chuàng)建 Flutter Module ;
• ② 為 Native 應(yīng)用添加 Flutter Module 依賴 ;
• ③ 在 Native 應(yīng)用 ( Android / iOS 應(yīng)用 ) 中 , 調(diào)用 Flutter Module 模塊 ;
• ④ 編寫 Flutter Module 中的 Dart 代碼 ;
• ⑤ 運(yùn)行 Flutter 混合應(yīng)用 ;
• ⑥ 項(xiàng)目的 熱重啟 / 重新加載 ;
• ⑦ 調(diào)試 Dart 代碼 ;
• ⑧ 應(yīng)用發(fā)布 ;

一、單獨(dú)運(yùn)行 Flutter 代碼時(shí)調(diào)試 Dart 代碼

---

單獨(dú)運(yùn)行的 Flutter 應(yīng)用 , 或 獨(dú)立運(yùn)行 混合應(yīng)用 中的 Flutter Module 工程 ,

直接打上斷點(diǎn) , 點(diǎn)擊 Debug 按鈕 即可 ;

二、混合模式下 Flutter 調(diào)試 Dart 代碼

---

混合模式下 Flutter 調(diào)試 Dart 代碼 步驟 :

① 應(yīng)用準(zhǔn)備 : 在 Android Studio 中編譯并將混合模式應(yīng)用安裝到手機(jī)中 , 關(guān)閉手機(jī)中的混合應(yīng)用 , 殺進(jìn)程殺死 ;

② 在混合模式中的 Flutter Module 應(yīng)用中 , 點(diǎn)擊 Flutter Attach 按鈕 ;

點(diǎn)擊后 , 界面變成如下樣式 :

③ 在手機(jī)中啟動(dòng)混合模式的應(yīng)用 , 然后顯示 Flutter 頁面 ; 這里注意 , 不重新安裝應(yīng)用 , 只是將手機(jī)中的混合應(yīng)用再次點(diǎn)開 , 然后點(diǎn)擊按鈕 , 啟動(dòng) Flutter 頁面 ;

此時(shí)混合模式應(yīng)用中的 Flutter 的 Dart 代碼就可以進(jìn)行調(diào)試了 ;

三、相關(guān)資源

---

參考資料 :

• Flutter 官網(wǎng) : https://flutter.dev/
• Flutter 插件下載地址 : https://pub.dev/packages
• Flutter 開發(fā)文檔 : https://flutter.cn/docs ( 強(qiáng)烈推薦 )
• 官方 GitHub 地址 : https://github.com/flutter
• Flutter 中文社區(qū) : https://flutter.cn/
• Flutter 實(shí)用教程 : https://flutter.cn/docs/cookbook
• Flutter CodeLab : https://codelabs.flutter-io.cn/
• Dart 中文文檔 : https://dart.cn/
• Dart 開發(fā)者官網(wǎng) : https://api.dart.dev/
• Flutter 中文網(wǎng) : https://flutterchina.club/ , http://flutter.axuer.com/docs/
• Flutter 相關(guān)問題 : https://flutterchina.club/faq/ ( 入門階段推薦看一遍 )
• GitHub 上的 Flutter 開源示例 : https://download.csdn.net/download/han1202012/15989510
• Flutter 實(shí)戰(zhàn)電子書 : https://book.flutterchina.club/chapter1/
• Dart 語言練習(xí)網(wǎng)站 : https://dartpad.dartlang.org/

重要的專題 :

• Flutter 動(dòng)畫參考文檔 : https://flutterchina.club/animations/

博客源碼下載 :

• GitHub 地址 : ( 隨博客進(jìn)度一直更新 , 有可能沒有本博客的源碼 )

  • Flutter Module 工程 : https://github.com/han1202012/flutter_module
  • Android 應(yīng)用 : https://github.com/han1202012/flutter_native
  • 注意 : 上面兩個(gè)工程要放在同一個(gè)目錄中 , 否則編譯不通過 ;

• 博客源碼快照 : https://download.csdn.net/download/han1202012/21670919 ( 本篇博客的源碼快照 , 可以找到本博客的源碼 )

總結(jié)

以上是生活随笔為你收集整理的【Flutter】Flutter 混合开发 ( Dart 代码调试 | Flutter 单独调试 | 混合模式下 Flutter 调试 )的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。