【Flutter】Flutter 混合开发 ( Dart 代码调试 | Flutter 单独调试 | 混合模式下 Flutter 调试 )
文章目錄
- 前言
- 一、單獨運行 Flutter 代碼時調試 Dart 代碼
- 二、混合模式下 Flutter 調試 Dart 代碼
- 三、相關資源
前言
Flutter 混合開發集成步驟 :
- ① 在 Android Studio 中創建 Flutter Module ;
- ② 為 Native 應用添加 Flutter Module 依賴 ;
- ③ 在 Native 應用 ( Android / iOS 應用 ) 中 , 調用 Flutter Module 模塊 ;
- ④ 編寫 Flutter Module 中的 Dart 代碼 ;
- ⑤ 運行 Flutter 混合應用 ;
- ⑥ 項目的 熱重啟 / 重新加載 ;
- ⑦ 調試 Dart 代碼 ;
- ⑧ 應用發布 ;
一、單獨運行 Flutter 代碼時調試 Dart 代碼
單獨運行的 Flutter 應用 , 或 獨立運行 混合應用 中的 Flutter Module 工程 ,
直接打上斷點 , 點擊 Debug 按鈕 即可 ;
二、混合模式下 Flutter 調試 Dart 代碼
混合模式下 Flutter 調試 Dart 代碼 步驟 :
① 應用準備 : 在 Android Studio 中編譯并將混合模式應用安裝到手機中 , 關閉手機中的混合應用 , 殺進程殺死 ;
② 在混合模式中的 Flutter Module 應用中 , 點擊 Flutter Attach 按鈕 ;
點擊后 , 界面變成如下樣式 :
③ 在手機中啟動混合模式的應用 , 然后顯示 Flutter 頁面 ; 這里注意 , 不重新安裝應用 , 只是將手機中的混合應用再次點開 , 然后點擊按鈕 , 啟動 Flutter 頁面 ;
此時混合模式應用中的 Flutter 的 Dart 代碼就可以進行調試了 ;
三、相關資源
參考資料 :
- Flutter 官網 : https://flutter.dev/
- Flutter 插件下載地址 : https://pub.dev/packages
- Flutter 開發文檔 : https://flutter.cn/docs ( 強烈推薦 )
- 官方 GitHub 地址 : https://github.com/flutter
- Flutter 中文社區 : https://flutter.cn/
- Flutter 實用教程 : https://flutter.cn/docs/cookbook
- Flutter CodeLab : https://codelabs.flutter-io.cn/
- Dart 中文文檔 : https://dart.cn/
- Dart 開發者官網 : https://api.dart.dev/
- Flutter 中文網 : https://flutterchina.club/ , http://flutter.axuer.com/docs/
- Flutter 相關問題 : https://flutterchina.club/faq/ ( 入門階段推薦看一遍 )
- GitHub 上的 Flutter 開源示例 : https://download.csdn.net/download/han1202012/15989510
- Flutter 實戰電子書 : https://book.flutterchina.club/chapter1/
- Dart 語言練習網站 : https://dartpad.dartlang.org/
重要的專題 :
- Flutter 動畫參考文檔 : https://flutterchina.club/animations/
博客源碼下載 :
-
GitHub 地址 : ( 隨博客進度一直更新 , 有可能沒有本博客的源碼 )
- Flutter Module 工程 : https://github.com/han1202012/flutter_module
- Android 應用 : https://github.com/han1202012/flutter_native
- 注意 : 上面兩個工程要放在同一個目錄中 , 否則編譯不通過 ;
-
博客源碼快照 : https://download.csdn.net/download/han1202012/21670919 ( 本篇博客的源碼快照 , 可以找到本博客的源碼 )
總結
以上是生活随笔為你收集整理的【Flutter】Flutter 混合开发 ( Dart 代码调试 | Flutter 单独调试 | 混合模式下 Flutter 调试 )的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【Flutter】Flutter 混合开
- 下一篇: 【Flutter】Flutter 混合开